sitelab

Buttons

Basic

button
.button
button text
.button text
button light
.button light
button inverse
.button inverse
button square
.button square
button pill
.button pill
button inverse light
.button inverse light

Size

Button 16
.button size="16"
Button 24
.button size="24"
Button 32
.button size="32"
Button 40
.button size="40"
Button 48
.button size="48"
Button 56
.button size="56"
Button 64
.button size="64"
Button 88
.button size="88"
Button 16
.button icon size="16"
Button 24
.button icon size="24"
Button 32
.button icon size="32"
Button 40
.button icon size="40"
Button 48
.button icon size="48"
Button 56
.button icon size="56"
Button 64
.button icon size="64"
Button 88
.button icon size="88"

Navigation

button back
.button back
.button next
.button next text
button back text
.button back text
button close
.button close
button icon back
.button icon back
.button icon next
button icon close
.button icon close

Icons

button iLeft
.button iLeft
button iRight
.button iRight
button icon
.button icon
button icon inverse
.button icon inverse
button icon square
.button icon square
button icon light
.button icon light

Colors

button
.button bg="marble" color="black"
button
.button bg="atmosphere" color="black"
button
.button bg="greenGray" color="white"
button