1 Commits
1.3.2 ... 1.3.3

Author SHA1 Message Date
33412c61a9 More width/height class options
Some checks failed
Publish Library / Build NPM Project (push) Successful in 18s
Publish Library / Tag Version (push) Successful in 6s
Publish Library / Publish CDN & Docs (push) Failing after 4s
2025-07-28 19:28:58 -04:00
2 changed files with 13 additions and 13 deletions

View File

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

View File

@ -228,12 +228,6 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
.fs-uppercase { text-transform: uppercase !important; } .fs-uppercase { text-transform: uppercase !important; }
.fs-capitalize { text-transform: capitalize !important; } .fs-capitalize { text-transform: capitalize !important; }
// Height
.h-auto { height: auto !important; }
@each $div in $divisible {
.h-#{$div} { height: #{$div}#{'%'} !important; }
}
// Hover // Hover
.curs-hover:hover, .hover:hover { filter: brightness(125%) !important; } .curs-hover:hover, .hover:hover { filter: brightness(125%) !important; }
.curs-hover:hover { .curs-hover:hover {
@ -276,12 +270,6 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
.select-#{$s} { user-select: #{$s} !important; } .select-#{$s} { user-select: #{$s} !important; }
} }
// Width
.w-auto { width: auto !important; }
@each $div in $divisible {
.w-#{$div} { width: #{$div}#{'%'} !important; }
}
// Z-index // Z-index
@each $s, $ignore in $sizes { @each $s, $ignore in $sizes {
.z-#{$s} { z-index: #{$s} !important; } .z-#{$s} { z-index: #{$s} !important; }
@ -379,6 +367,18 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
.float#{$bp}-#{$f} { float: #{$float} !important; } .float#{$bp}-#{$f} { float: #{$float} !important; }
} }
// Height
.h-auto { height: auto !important; }
@each $div in $divisible {
.h#{$bp}-#{$div} { height: #{$div}#{'%'} !important; }
}
// Width
.w-auto { width: auto !important; }
@each $div in $divisible {
.w#{$bp}-#{$div} { width: #{$div}#{'%'} !important; }
}
// Object Fit // Object Fit
.fit#{$bp}-contain { object-fit: contain !important; } .fit#{$bp}-contain { object-fit: contain !important; }
.fit#{$bp}-cover { object-fit: cover !important; } .fit#{$bp}-cover { object-fit: cover !important; }