CSS_v3 Op

CSS

Define a custom stylesheet


CSS Rule Conflicts

HTML element created by cables always have a class called "cablesEle".

If you have problems with existing styles of cables, use css selectors to define them to use only childs:

.cablesEle.myDiv 
{
    background-color:red;
    border:10px solid blue;
}

.cablesEle h1
{
    color:red;
}

Using assets in CSS properties

Use {{ASSETPATH}} to get a URL to file Assets

background-image:url({{ASSETPATH}}Cloud03_8x8.png);

Nesting

in v3 the nesting parameter was introduced. it will use a the CSS feature nesting 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.


Edit Documentation
Full Name
  • Ops.Html.CSS_v3
Visibility
  • Core Op - Official cables op
License
  • MIT
Author


Example Patch CSS OP Example

Create a CSS style so it's available to other ops like the Div element
Open In Editor

INPUT PORTS


css code (String)
Nesting Parent (String)
Active (Number:boolean )

Patches using CSS_v3

  • Examples
  • Public
  • My Patches

Changelog


Ops.Html.CSS2 renamed to Ops.Html.CSS_v2user avatarpandur - 2019-06-12 12:31
featureAdded option to activate/deactivate styleuser avatarpandur - 2024-02-23 15:27
featureadded nesting parameteruser avatarpandur - 2024-06-07 09:59