Other mixins
There are other mixins that are good for our framework:
- Gradients
- Animation
- Clearfix
Lets begin with gradient mixins:
=linearGradientFromTop($startColor, $endColor) background: $startColor /* Old browsers */ background: -moz-linear-gradient(top, $startColor 0%, $endColor 100%) background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $startColor), color-stop(100%, $endColor)) background: -webkit-linear-gradient(top, $startColor 0%, $endColor 100%) background: -o-linear-gradient(top, $startColor 0%, $endColor 100%) background: -ms-linear-gradient(top, $startColor 0%, $endColor 100%) background: linear-gradient(to bottom, $startColor 0%, $endColor 100%) filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#{$startColor}', ...
Get Professional CSS3 now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.