I experimented with CSS variables and different ways to implement logic functions with pure CSS. These functions can be used to express programming logic in CSS.
And they are:
- lg_not
- lg_and
- lg_or
- lg_xor
- lg_nand
- lg_nor
- lg_nand
- lg_condition
- lg_abs
- lg_bool
- lg_sign
- lg_compare
- lg_greater_than
- lg_less_than
- lg_equal
- lg_greater_or_equal
- lg_less_or_equal
- lg_floor
- lg_ceil
- lg_round
- lg_sqrt
In order to demonstrate the usage of these functions, I created a simple clock demo in pure css.
feel free to experiment with them. Have fun!