CSS_v3 Op
Define a custom stylesheet
Summary (oneliner)
<h2>CSS Rule Conflicts</h2> <p>HTML element created by cables always have a class called "cablesEle".</p> <p>If you have problems with existing styles of cables, use css selectors to define them to use only childs:</p> <pre><code>.cablesEle.myDiv { background-color:red; border:10px solid blue; }
.cablesEle h1 { color:red; } </code></pre> <h2>Using assets in CSS properties</h2> <p>use css variables to use file urls, e.g: <a href="/op/Ops.Html.SetCssVariableUrl">Ops.Html.SetCssVariableUrl</a></p> <h2>Nesting</h2> <p>in v3 the nesting parameter was introduced. it will use a the CSS feature <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting">nesting</a> to make sure the styles are only applied to the correct elements. the default value will make sure the styles are only apllied to elements below ".cablesContainer" this way only elements that were created below and by cables are influenced.</p>
- Ops.Html.CSS.CSS_v3
- Core Op - Official cables op
- MIT
Documentation (markdown)
Issues
Example patch id
Youtube ids (comma seperated)
Op Licence
Caniuse query
INPUT PORTS
<i>boolean</i>
)