Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Expand
titleCode snippet for Text on Video
Code Block
{
    "TEXTONVIDEO": {
        "styles": {
            "ctaLink": {
                "all": {
                    "border": "2px solid",
                    "fonts.formats": "button",
                    "padding": "14px 22px",
                    "transitionDelay": "0s, 0s",
                    "transitionDuration": "0.25s, 0.25s",
                    "transitionProperty": "background-color, color",
                    "transitionTimingFunction": "ease-out, ease-out",
                    "WebkitFontSmoothing": "antialiased"
                },
                "smallScreen": {
                    "textAlign": "center"
                }
            }
        }
    }     
}

All the defaults and settings

In order to make working with Styla easier for you, we prepared some .json files with all the default theme and module settings and inline comments where needed. You can download them as a .zip pack below.

One pair of files is a valid JSON with all the defaults while the other one in addition contains comments hence does not validate but will probably be even module useful.

Download a .zip pack with examples here.

Info

There might still be some CSS classes not included in those files as the app sets no default properties for them and also the project evolves. The files are valid as of October 2021.

Setting up Module Presets

...