All of css in this file style.css will be add the section prefix, so you can only write style for elements in the current section.
If you need importing css vendors like font icons, you can do it in the @schema
of section.lh
section.lh@schema{"name" : "Section Name","author" : "LayoutHub","website" : "https://www.LayoutHub.com","version" : "1.0","vendors" : ["icons/fa-solid.css"]}@endschema
Syntax | Description |
%url% | The url of section to using image or import media |
var(--lh-) | The theme color from theme settings |
var(--lh-font-family) | The font family name from theme settings |
var(--lh-font-size) | The font size from theme settings |
var(--lh-title-font-family) | The font family of title from theme settings |
rgba(var(--lh-color-rgb), 0.5); | Reduct the alpha value of color using RGBA |
style.cssbutton.sty2 {background: var(--lh-color);color: #fff;}button.sty2:hover {background: rgba( var(--lh-color-rgb), 0.5 );color: #fff;}