Jonathan Felchlin GreenGremlin

## gist:5036539
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1" >
    <style>
      body {
        margin: 0;
      }
      .view-port-sized {
        height: 100vh;

## matrix-rotation-spinner.scss

// Matrix rotation version:
//   this would work, except the y-axis is fliped for box-shadow
$m-0-degrees: ((1, 0), (0, 1));
$m-90-degrees: ((0, 1), (-1, 0));
$m-180-degrees: ((-1, 0), (0, -1));
$m-270-degrees: ((0, -1), (1, 0));

@function m-rotate($x, $y, $m) {
  $m1: nth($m, 1);
	<!DOCTYPE html>
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
	<meta name="viewport" content="width=device-width, initial-scale=1" >
	<style>
	body {
	margin: 0;
	}
	.view-port-sized {
	height: 100vh;

	// Matrix rotation version:
	// this would work, except the y-axis is fliped for box-shadow
	$m-0-degrees: ((1, 0), (0, 1));
	$m-90-degrees: ((0, 1), (-1, 0));
	$m-180-degrees: ((-1, 0), (0, -1));
	$m-270-degrees: ((0, -1), (1, 0));

	@function m-rotate($x, $y, $m) {
	$m1: nth($m, 1);