generated from ztimson/template
Compare commits
1 Commits
Author | SHA1 | Date | |
---|---|---|---|
33412c61a9 |
@ -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": {
|
||||||
|
@ -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; }
|
||||||
|
Reference in New Issue
Block a user