I noticed the following code in style.bundle.css:
.w-lg-150px {
width: 150px !important;
}
And, I wanted to make a slightly smaller version, so I added the following code to layout/_variables.custom.scss:
.w-lg-140px {
width: 140px;
}
After running 'gulp' in the tools directory, this code was added to the top of style.bundle.css; however, when I try use the tag in my html, it doesn't register with the code at all. It acts as though it isn't defined. Please let me know what you think I may be doing incorrectly.
Hi,
Adding !important can help ensure that your custom style takes precedence over other styles.
.w-lg-140px {
width: 140px !important;
}