Quote:
Originally Posted by odamizu
Vellum drives me nuts. If there is an easy way to get rid of the excessive divs with the multitude of classes and what that does to the css stylesheet, I would love 
I use Sigil with TagMechanic to manually reduce the number of divs one by one and cssRemoveUnusedSelectors to clean up the css, but it's an arduous, manual process for me.
I'm also perplexed by the media queries. I usually just delete the entire media query stylesheet then manually edit the main stylesheet to my liking. Again, an arduous, manual process.
Advice, recommendations, instruction, tips — all greatly appreciated. |
Since Vellum is pretty consistent, I have a collection of saved searches and automations in Sigil to do the clean up.
- Replace the media queries stylesheet with a stylesheet with about 5 entries
- Run the HTML saved search/replace set
- Run the first automation collection
- Run the CSS cleanup saved search/replace set
- Manually run CSS reformat (multiple lines per style) to clean up the blank lines in the stylesheet
- Run the second automation collection
- Run the Afters saved search/replace set
- Use Tag Mechanic to remove blank <div> and <span>
- Run the second automation to check everything is okay
Some oddities are that the HTML search/replace set replaces any < and > in the HTML files with #lt; and #gt; since the CustomCleanerPlus plugin I use with Sigil is not happy with them. The Afters reverses that change. One author loves using "<< text string >>" in their books to indicate non-verbal communication between two characters. <<
do you believe in telepathy? >>