generated from ztimson/template
Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 39ac5a1668 |
4
package-lock.json
generated
4
package-lock.json
generated
@@ -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"
|
||||||
|
|||||||
@@ -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": {
|
||||||
|
|||||||
@@ -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; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user