2023-10-27, 04:58 PM
(This post was last modified: 2023-10-27, 05:20 PM by User 3181. Edited 1 time in total.)
Is there a way to prevent all or some of the automatically loaded inline styles from loading altogether rather than having to juggle 200 custom styles just to reset and unset them?
For example these:
@media(min-width:35em) {
.overflowSquareCard {
width:31.2vw
}
.overflowBackdropCard {
width:45.5vw
}
.overflowSmallBackdropCard {
width:30vw
}
}
@media(min-width:43.75em) {
.overflowPortraitCard,
.overflowSquareCard {
width:23.1vw
}
}
@media(min-width:48.125em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
width:30vw
}
}
@media(orientation:landscape) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
width:30vw
}
.overflowPortraitCard,
.overflowSquareCard {
width:23.1vw
}
}
@media(orientation:landscape)and (min-width:48.125em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
width:23.1vw
}
}
@media(orientation:landscape)and (min-width:50em) {
.overflowSmallBackdropCard {
width:15.5vw
}
}
@media(min-width:50em) {
.overflowPortraitCard,
.overflowSquareCard {
width:18.5vw
}
}
@media(min-width:75em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
width:23.1vw
}
.overflowPortraitCard,
.overflowSquareCard {
width:15.5vw
}
}
@media(min-width:87.5em) {
.overflowPortraitCard,
.overflowSquareCard {
width:13.3vw
}
}
For example these:
@media(min-width:35em) {
.overflowSquareCard {
width:31.2vw
}
.overflowBackdropCard {
width:45.5vw
}
.overflowSmallBackdropCard {
width:30vw
}
}
@media(min-width:43.75em) {
.overflowPortraitCard,
.overflowSquareCard {
width:23.1vw
}
}
@media(min-width:48.125em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
width:30vw
}
}
@media(orientation:landscape) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
width:30vw
}
.overflowPortraitCard,
.overflowSquareCard {
width:23.1vw
}
}
@media(orientation:landscape)and (min-width:48.125em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
width:23.1vw
}
}
@media(orientation:landscape)and (min-width:50em) {
.overflowSmallBackdropCard {
width:15.5vw
}
}
@media(min-width:50em) {
.overflowPortraitCard,
.overflowSquareCard {
width:18.5vw
}
}
@media(min-width:75em) {
.overflowBackdropCard,
.overflowSmallBackdropCard {
width:23.1vw
}
.overflowPortraitCard,
.overflowSquareCard {
width:15.5vw
}
}
@media(min-width:87.5em) {
.overflowPortraitCard,
.overflowSquareCard {
width:13.3vw
}
}