Jonathan Felchlin GreenGremlin

GreenGremlin / matrix-rotation-spinner.scss

Created January 29, 2016 20:24

Sass matrix rotation (doesn't quite work)


	// 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);

GreenGremlin / gist:5036539

Last active December 14, 2015 05:39

Example of mobile Safari viewport height bug.

	<!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;