Skip to content

Instantly share code, notes, and snippets.

@usingthesystem
Created August 1, 2014 09:06
Show Gist options
  • Select an option

  • Save usingthesystem/38c4ebf25cff50f60102 to your computer and use it in GitHub Desktop.

Select an option

Save usingthesystem/38c4ebf25cff50f60102 to your computer and use it in GitHub Desktop.
stylus css3 mixins
// MIXINS
vendor(prop, args)
-webkit-{prop} args
-moz-{prop} args
-ms-{prop} args
-o-{prop} args
{prop} args
animation()
vendor('animation', arguments)
background-clip()
vendor('background-clip', arguments)
background-linear-gradient(startPoint, startColor, startInterval, endColor, endInterval, deprecatedWebkitStartPoint = false, deprecatedWebkitEndPoint = false)
background-color: startColor
if deprecatedWebkitStartPoint && deprecatedWebkitEndPoint
background -webkit-gradient(linear, deprecatedWebkitStartPoint, deprecatedWebkitEndPoint, color-stop(startInterval, startColor), color-stop(endInterval, endColor))
background -webkit-linear-gradient(startPoint, startColor, startInterval, endColor, endInterval)
background -moz-linear-gradient(startPoint, startColor, startInterval, endColor, endInterval)
background -ms-linear-gradient(startPoint, startColor, startInterval, endColor, endInterval)
background -o-linear-gradient(startPoint, startColor, startInterval, endColor, endInterval)
background linear-gradient(startPoint, startColor, startInterval, endColor, endInterval)
-webkit-background-origin padding-box
border-radius()
vendor('border-radius', arguments)
box-shadow()
vendor('box-shadow', arguments)
border-top-radius()
vendor('border-top-left-radius', arguments)
vendor('border-top-right-radius', arguments)
border-top-radius()
vendor('border-bottom-left-radius', arguments)
vendor('border-bottom-right-radius', arguments)
box(orient, pack, align)
display -webkit-box
display -moz-box
display box
vendor('box-orient', orient)
vendor('box-pack', pack)
vendor('box-align', align)
vendor('box-lines', multiple)
box_flex()
vendor('box-flex', arguments)
linear-gradient(start_color, end_color, start = left top, end = left bottom)
mozstart = top if start = left top
background start_color
background -moz-linear-gradient(mozstart, start_color 0%, end_color 100%)
background -webkit-gradient(linear, start, end, color-stop(0%, start_color), color-stop(100%, end_color))
text-fill-color()
vendor('text-fill-color', arguments)
transition()
vendor('transition', arguments)
transform()
vendor('transform', arguments)
transform-origin()
vendor('transform-origin', arguments)
user-select()
vendor('user-select', arguments)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment