Conditional styles
While a conditional style is selected, the styles will always be applied to the element in the canvas, even if the condition is not met
toddle supports all the most common CSS pseudo classes from CSS. Learn more about
Cascade
Responsive breakpoints
Some of the less frequently used conditions are hidden by default. Click the More button to see all available conditions
Styling classes
Unlike some other tools, styles added to a class in toddle only applies to the element it is defined on. Classes are not used as a mechanism for sharing styles between elements. If you want to reuse the same styles in multiple places in your application, consider extracting the elements into a component.
Pseudo elements
-
:placeholder for styling the placeholder text in an input or textarea -
:selection for styling the selected text inside an element -