15min

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
|





Updated 17 Mar 2022
Did this page help?
Yes
No