Question adding to your schema settings and then taking the set values and assigning them to the css…
As an example: I added a height setting to the announcement bar in the Dawn Theme in the schema for announcement-bar.liquid.
{
"type": "range",
"id": "announcement_bar_height",
"min": 0,
"max": 100,
"step": 1,
"unit": "px",
"label": "t:sections.announcement-bar.settings.height.label",
"default": 30
}
Is it fairly typical that once the theme is customized, and the customizer enters a value for the height, to take that value in the same section and embed it in a style tag in CSS class? E.g. do something like this? Or is there a way to do this without the style tags where I have css embeded in my liquid sections and css embeded in the asset style sheets for the same section? Is there a way to retrieve this value {{section.settings.announcement_bar_height}} outside of the announcement-bar.liquid section in base.css as example–where I don’t have to look in multiple places to see where CSS is applied?
.announcement-bar { height:{{section.settings.announcement_bar_height}}px; };