Variable Tags

The CSS Library comes with various variable classes which can be used to set items in a more customized way if one of the existing classes in the CSS build are not available.

Currently there's only a handful of these variable tags. However, more are always being added.

Variable	Applied Class
bg-color	background-color
color	color
border-color	border-color
bg-image	background-image
fill	fill
font-size	font-size
w	width
h	height
filter	filter
p	padding
m	margin

All of these are used in the same format. apply the variable name and square brackets with the value. For example color[#FFFFFF] will set the color to white. Values inside these square brackets can be prefixed or suffixed with the below

#𝑥𝑥𝑥𝑥𝑥𝑥 will set a color to the hexadecimal supplied
url(𝑥) will apply a URL, mostly only usable in bg-image
𝑥px will apply a pixel amount
𝑥rem will apply the rem amount
𝑥% will apply the supplied percentage
𝑥em will use add the em value
𝑥vw will apply the supplied view width

Suggest an edit

Review this page

faxes

4 months ago