-
-
Notifications
You must be signed in to change notification settings - Fork 7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Feature Request] Add additional useful classes #9243
[Feature Request] Add additional useful classes #9243
Comments
I like the overflow and position ones (I reach for those all the time), not sure about the rest. Thoughts @vuetifyjs/core-contributors @vuetifyjs/core-team ? |
How will the "print" being used? |
The position and overflow ones make sense, especially for components that don't have positionable. |
for some things I noticed that they need to be altered for print mode. For example if you have a sticky header, then you try to print, the banner ends up on top of every page covering the content. So I needed that class to make it only stick to the very top during print mode only. |
Maybe it's possible to adapt utility classes from bootstrap: https://getbootstrap.com/docs/4.1/utilities/position/ Would be helpful sometimes. |
Problem to solve
Removes the need to create my own
Proposed solution
Add these
.overflow-y-scroll {
overflow-y:scroll !important;
}
.text-decoration-none {
text-decoration:none !important;
}
.position-relative {
position:relative !important;
}
.position-absolute {
position:absolute !important;
}
@media print {
.media-print-position-absolute {
position:absolute !important;
}
}
.d-block-before:before {
display: block !important;
}
The text was updated successfully, but these errors were encountered: