tornado.functions — org.clojars.jansuran03/tornado 0.1.8

Everything related to CSS functions.

attr clj

blur clj

brightness clj

calc clj

circle clj

comma-join clj

(comma-join {:keys [compiles-to args]})

A CSSFunction util/str-commajoin compile function. Compiles the function to a form <fn-name>(arg1, arg2, arg3, ...),

contrast clj

counter clj

counters clj

css-filter clj

css-format clj

css-format-fn clj

(css-format-fn {:keys [args] :as cssfn})

A special function for css-format which also puts additional quotes around the parameter to enable usage of keywords.

css-max clj

css-min clj

css-var clj

cubic-bezier clj

defcssfn clj macro

(defcssfn fn-name)

(defcssfn fn-name css-fn-or-fn-tail)

(defcssfn clojure-fn-name compiles-to compile-fn)

Defines a CSS function. In most cases, you do NOT need to define a special compile-fn function - it should always be enough to use one of single-arg, spacejoin, commajoin. All of them compile the params, but: Single-arg gives you a warning if you give it more than 1 argument and compiles the args like commajoin. Commajoin compiles all its args and str/joins them with a comma. Spacejoin compiles all its args and str/joins them with a space. All these function also take the compiles-to argument and put it in front of a bracket enclosing the str/joined arguments. You can give this function 1, 2 or 3 arguments:

(defcssfn translate) (the default compile-fn is commajoin) (translate (u/px 80) (u/css-rem 6)) ... compiles to "translate(80px, 6rem)"

(defcssfn css-min "min") (css-min (u/px 500) (u/vw 40) (u/cm 20)) ... compiles to "min(500px, 40vw, 20cm)"

(defcssfn calc spacejoin) (calc (u/px 200) add 3 mul (u/percent 20)) ... compiles to "calc(200px + 3 * 20%)"

The arity(3) can be used like this to combine both previous features of the arity(2): (defcssfn my-clj-fn "css-fn" spacejoin) (my-clj-fn (u/s 20) (u/ms 500)) ... compiles to "css-fn(20s 500ms)"

drop-shadow clj

ellipse clj

grayscale clj

hue-rotate clj

hwb clj

image clj

inset clj

invert clj

linear-gradient clj

matrix clj

matrix3d clj

perspective clj

polygon clj

radial-gradient clj

repeating-linear-gradient clj

repeating-radial-gradient clj

rotate clj

rotate3d clj

rotateX clj

rotateY clj

rotateZ clj

saturate clj

scale clj

scale3d clj

scaleX clj

scaleY clj

scaleZ clj

sepia clj

single-arg clj

(single-arg {:keys [compiles-to args] :as cssfn})

A CSSFunction compile function. Presumes that only one arg is given. If not, calls commajoin function above and gives us a warning instead.

skew clj

skewX clj

skewY clj

space-join clj

(space-join {:keys [compiles-to args]})

A CSSFunction util/str-spacejoin compile function. Compiles the function to a form <fn-name>(arg1 arg2 arg3 ...),

symbols clj

translate clj

translate3d clj

translateX clj

translateY clj

translateZ clj

url clj