diff --git a/package-lock.json b/package-lock.json index e39b508..2b1d4ac 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@ztimson/css-utils", - "version": "1.2.1", + "version": "1.3.3", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@ztimson/css-utils", - "version": "1.2.1", + "version": "1.3.3", "license": "MIT", "devDependencies": { "sass": "^1.80.6" diff --git a/package.json b/package.json index a50996b..5ba57e5 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@ztimson/css-utils", - "version": "1.3.3", + "version": "1.3.4", "description": "CSS Utility Classes", "readme": "README.md", "scripts": { diff --git a/src/main.scss b/src/main.scss index e8776b3..e2022f3 100644 --- a/src/main.scss +++ b/src/main.scss @@ -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) { button:not(:disabled) { cursor: pointer; } } +.no-fix, .no-button-fix { + button:not(:disabled) { + cursor: auto; + } +} + .fix-dom, .fix:not(.no-dom-fix) { &, html, body { 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; } } +.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) { * { 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) { color: var(--theme-text); 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; } } +.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 ===================================================================================================== // 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; } // 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; } }