Is there an easy way to modify a CSS element for a dom-module using Studio? I figure I could create a custom element, and copy the module code from the elements.html, then modify as desired. However, that also requires an import into our bundle.html and likely another addition to our custom-bundle.html. For just a CSS modification this seems like more work than needed.
I was hoping I could just add the CSS to a custom theme.html, but that doesn't seem to work (or I am doing something wrong there). I just want to make some slight CSS modifications and was hoping there was a pretty straight-forward path to do so.
The CSS element in question is found in the dom-module id="nuxeo-document-create", and is .typeSelection div
The default CSS just doesn't look so great, and shows like this:
I have added a bit to the CSS, and can get it to look a bit better (to me at least):
Am I just missing something really easy to add this to a custom theme? Or should I just go and create a custom-element to do this simple change? (Although I don't really like to do that unless needed.) Here is all I want to add:
.typeSelection div {
margin-top: 0.5em;
word-break: break-word;
text-transform: capitalize;
font-size: 1.15em;
line-height: normal;
height: 2em;
}
