I am looking to adjust the size of the before pseudo-element based on the font-size of the element it is attached to.
Using TinyMCE v4, I have included a style format like so:
style_formats: [
{
title: 'Custom Bullet',
selector: 'ul',
classes: 'custom_bullet'
},
]
The custom style added with this format is:
.custom_bullet li:before{
content: "\e013";
font-family: 'Glyphicons Halflings';
float: left;
color: #F00;
}
My goal is for the custom marker in a list item to automatically adjust when the font-size of the list item changes, preferably without using JavaScript.
If you have any suggestions on how to achieve this dynamically with CSS, please let me know.