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!