linuslundahl

/**
 * Scoop corners with only one gradient
 * Caveats: backdrop must be a solid color,
 *          dimensions need to be known
 * For more flexibility, see: http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/
 */

div {
	width: 400px;
	height: 300px;

linuslundahl

/**
 * (C)Leanest CSS spinner ever
 */

@keyframes spin {
	to { transform: rotate(1turn); }
}

.progress {
	position: relative;

linuslundahl

<?php
/**
 * Display point award report.
 *
 * Generates a list of awarded points.
 *
 * @return array $content
 */
function game_report_page_points() {

linuslundahl

// Rounds all the corners of a box
@mixin vector-bg-with-fallback($name) {
  background-image: image-url('#{$name}.png');
  background-image: none, image-url('#{$name}.svg');
}

@mixin border-radius($radius, $clip: padding-box)
  -webkit-border-radius:  $radius
  -moz-border-radius:     $radius
  -o-border-radius:       $radius