Custom CSS

Sometimes it’s enough to simply style existing elements from CCS properties that we don’t support directly. It’s best to use the CSS field in the style inspector for this:

Document image



CSS properties entered here will end up in the same CSS rules as the CSS generated by Antetype. So, the properties will behave like those generated by Antetype. States, widgets etc. everything works the same.

The simplest example would be a basic cell and the generated CSS (schematic, the CSS selectors are a little different): We enter the following into the CSS field in the inspector:

Text

The generated CSS then looks like this:

CSS

As you can see from the example, you have to make sure that you use CSS that works in the desired browsers. The values entered are always written at the end so it’s possible to overwrite generated CSS (but you should know what you’re doing).

Note

!important is currently not supported. No syntax validation is undertaken. For technical reasons, the block isn’t simply copied in as text, the CSS style object is changed. This means that you can only currently use properties that are supported by Safari/WebKit.





Useful Properties

Text Transform

Text



Text Overflow

For this to work, the text must be inside the HTML field and not in the text field.

Text



Backdrop Filter

Text



Filter

Text



User Select

Text



Letter Spacing

Text



Scroll Snap

Text



Position Sticky

Text