adarowski

Why are Sass evangelists so obnoxious? Because we get to turn:

span.icon
  @for $quantity from 1 through 7
	@for $severity from 1 through 10
	  &.rating-severity-#{$quantity}-#{$severity}
		height: ($quantity*2) + 8px
		width: ($quantity*2) + 8px
		@if $severity == 1
		  background-color: $seizure_severity_1

adarowski

Write this mixin once:

@mixin box_gradient($start, $end)
  background-color: $start
  background-image: -webkit-gradient(linear, left top, left bottom, from($start), to($end))
  background-image: -webkit-linear-gradient(top, $start, $end)
  background-image: -moz-linear-gradient(top, $start, $end)
  background-image: -ms-linear-gradient(top, $start, $end)
  background-image: -o-linear-gradient(top, $start, $end)
  background-image: linear-gradient(top, $start, $end)

adarowski

// Variables

$highlight: #ffc
$nice-to-have: lighten(red, 45%)
$low-importance: lighten(red, 30%)
$medium-importance: lighten(red, 15%)
$high-importance: red


// Mixins