You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The example: a typical "block" of my CMS could consist in a title and a description (both from the user). Description is filled using a WYSIWYG. What I would do to print this block would be:
<divid="cms-block78"><h2>{{ title }}</h2><divclass="prose lg:prose-lg">
{{ description|raw }} <!-- raw HTML, could contain an <h2> too --></div></div>
To the point: with this HTML, the <h2> is styled based on my app.css, while any <h2> inside prose would be styled based of the plugin, plus my customizations.
To make it simple, let's consider only:
font-weight
font-size
color
What i need to do in order to style both the <h2> in the same way is to define these 3 properties in my app.css and then update the plugin configuration to match the same. The plugin, in fact, would set font-weight, font-size and color.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
I'll try to explain what i mean.
The example: a typical "block" of my CMS could consist in a title and a description (both from the user). Description is filled using a WYSIWYG. What I would do to print this block would be:
To the point: with this HTML, the
<h2>
is styled based on myapp.css
, while any<h2>
insideprose
would be styled based of the plugin, plus my customizations.To make it simple, let's consider only:
font-weight
font-size
color
What i need to do in order to style both the
<h2>
in the same way is to define these 3 properties in myapp.css
and then update the plugin configuration to match the same. The plugin, in fact, would setfont-weight
,font-size
andcolor
.The question: how would you suggest to keep "in sync" both the styles?
Beta Was this translation helpful? Give feedback.
All reactions