From d8c4d12e463482fbc936db91b162e219d35d553b Mon Sep 17 00:00:00 2001
From: Eric Schultz <eric@wwahammy.com>
Date: Thu, 31 Jan 2019 13:02:31 -0600
Subject: [PATCH] Remove unused mixins

---
 .../stylesheets/common/backgrounds.css.scss   |   5 -
 app/assets/stylesheets/mixins.css.scss        | 273 ------------------
 2 files changed, 278 deletions(-)

diff --git a/app/assets/stylesheets/common/backgrounds.css.scss b/app/assets/stylesheets/common/backgrounds.css.scss
index 53e7fd14..ca5fe82c 100644
--- a/app/assets/stylesheets/common/backgrounds.css.scss
+++ b/app/assets/stylesheets/common/backgrounds.css.scss
@@ -1,8 +1,3 @@
 /* License: AGPL-3.0-or-later WITH Web-Template-Output-Additional-Permission-3.0-or-later */
 $paper: url('/assets/patterns/paper.png');
-$photo-collage: url('/assets/patterns/npo-collage.jpg');
 $mosaic: url('/assets/patterns/color-mosaic.png');
-$zigzag: url('/assets/patterns/zigzag.svg');
-
-$tri-green: url('/assets/graphics/triangle-green.svg');
-$radial: url('/assets/graphics/white-radial.png');
\ No newline at end of file
diff --git a/app/assets/stylesheets/mixins.css.scss b/app/assets/stylesheets/mixins.css.scss
index ffbfbf5e..528171b2 100644
--- a/app/assets/stylesheets/mixins.css.scss
+++ b/app/assets/stylesheets/mixins.css.scss
@@ -2,15 +2,9 @@
 @import 'common/colors';
 @import 'common/backgrounds';
 
-
 // COMMON EFFECTS:
-
-$box-5: 0 0 5px 0 rgba(0,0,0,0.3);
 $cubic_bevier: cubic-bezier(.5,1.2,.6,1);
 
-@mixin glow{
-	@include box-shadow(0 0 20px 0px rgba(white, 0.3));
-}
 @mixin background-size($val) {
 	-webkit-background-size: $val;
 	-moz-background-size: $val;
@@ -90,42 +84,6 @@ $cubic_bevier: cubic-bezier(.5,1.2,.6,1);
 	text-overflow: ellipsis;
 }
 
-@mixin skrim-grad-top($color, $height) {
-	&:before {
-		position: absolute;
-		content: '';
-		width: 100%;
-		height: $height;
-		left: 0;
-		top: 0;
-		@include gradient(top, $color, $trans);
-	}
-}
-
-@mixin skrim-grad-top--out($color, $height) {
-	&:before {
-		position: absolute;
-		content: '';
-		width: 100%;
-		height: $height;
-		left: 0;
-		top: - $height;
-		@include gradient(bottom, $color, $trans);
-	}
-}
-
-@mixin skrim-grad-bottom($color, $height) {
-	&:before {
-		position: absolute;
-		content: '';
-		width: 100%;
-		height: $height;
-		left: 0;
-		bottom: 0;
-		@include gradient(bottom, $color, $trans);
-	}
-}
-
 @mixin cornerHoles--bottom($size, $color) {
 	&:before {
 		content: '';
@@ -183,31 +141,6 @@ $cubic_bevier: cubic-bezier(.5,1.2,.6,1);
 	user-select: none;
 }
 
-
-@mixin drop-cap {
-	&:first-letter {
-		@include bitter;
-		font-weight: bold;
-		font-size: 180%;
-	}
-	&:first-line {
-		line-height: 1;
-	}
-}
-
-@mixin after-gradient {
-	position: relative;
-	&:after {
-		content: '';
-		position: absolute;
-		bottom: 0;
-		left: 0;
-		@include gradient(top, $trans, #fff);
-		width: 100%;
-		height: 50px;
-	}
-}
-
 @mixin mosaic($topBottomOrBoth, $height){
 	&:after {
 		content: '';
@@ -234,169 +167,6 @@ $cubic_bevier: cubic-bezier(.5,1.2,.6,1);
 	}
 }
 
-@mixin border-topBottom($properties...) {
-	border-top: $properties;
-	border-bottom: $properties;
-}
-
-@mixin border-leftRight($properties...) {
-	border-left: $properties;
-	border-right: $properties;
-}
-
-@mixin flag($color, $height, $boolean){
-	$halfHeight: $height/2;
-	$lightColor: lighten($color, 3%);
-	$isLink: $boolean;
-	background: $color;
-	position: relative;
-
-	&:before {
-		content: '';
-		position: absolute;
-		top: 0;
-		width: 0;
-		height: 0;
-		left: -$halfHeight;
-		border-top: $halfHeight solid $color;
-		border-left: $halfHeight solid transparent;
-		border-bottom: $halfHeight solid $color;
-	}
-	@if $isLink {
-		&:hover {
-			background: $lightColor;
-			&:before {
-				border-top: $halfHeight solid $lightColor;
-				border-left: $halfHeight solid transparent;
-				border-bottom: $halfHeight solid $lightColor;
-			}
-		}
-	}
-}
-
-@mixin flag-right($color, $height, $boolean){
-	$halfHeight: $height/2;
-	$lightColor: lighten($color, 3%);
-	$isLink: $boolean;
-	background: $color;
-	position: relative;
-
-	&:before {
-		content: '';
-		position: absolute;
-		top: 0;
-		width: 0;
-		height: 0;
-		right: -$halfHeight;
-		border-top: $halfHeight solid $color;
-		border-right: $halfHeight solid transparent;
-		border-bottom: $halfHeight solid $color;
-	}
-	@if $isLink {
-		&:hover {
-			background: $lightColor;
-			&:before {
-				border-top: $halfHeight solid $lightColor;
-				border-right: $halfHeight solid transparent;
-				border-bottom: $halfHeight solid $lightColor;
-			}
-		}
-	}
-}
-
-@mixin banner($color, $height){
-	$halfHeight: $height/2;
-	background: $color;
-	position: relative;
-
-	&:before {
-		content: '';
-		position: absolute;
-		top: 0;
-		width: 0;
-		height: 0;
-		left: -$halfHeight;
-		border-top: $halfHeight solid $color;
-		border-left: $halfHeight solid transparent;
-		border-bottom: $halfHeight solid $color;
-	};
-
-	&:after {
-		content: '';
-		position: absolute;
-		top: 0;
-		width: 0;
-		height: 0;
-		right: -$halfHeight;
-		border-top: $halfHeight solid $color;
-		border-right: $halfHeight solid transparent;
-		border-bottom: $halfHeight solid $color;
-	}
-}
-
-
-@mixin burst($color, $size){
-  background: $color;
-  width: $size;
-  height: $size;
-  position: relative;
-  text-align: center;
-  display: inline-block;
-
-	&:before, &:after {
-		content: "";
-		position: absolute;
-		top: 0;
-		left: 0;
-		height: $size;
-		width: $size;
-		background: $color;
-	}
-	&:before {
- 		@include rotate(30deg)
-	}
-	&:after {
-  	@include rotate(60deg)
-	}
-}
-
-
-@mixin tooltip-color($color) {
-	.tooltip.top .tooltip-arrow{
-	    border-top:5px solid $color
-	}
-	.tooltip.left .tooltip-arrow{
-	    border-left:5px solid $color
-	}
-	.tooltip.bottom .tooltip-arrow{
-	    border-bottom:5px solid $color
-	}
-
-	.tooltip.right .tooltip-arrow{
-	    border-right:5px solid $color
-	}
-	.tooltip-inner{
-	    background-color: $color
-	}
-}
-
-@mixin vertically-center {
-	position: relative;
-	top: 50%;
-	-webkit-transform: translateY(-50%);
-	-moz-transform: translateY(-50%);
-	-ms-transform: translateY(-50%);
-	transform: translateY(-50%);
-}
-
-@mixin vertically-center-flex {
-	display: -webkit-flex;
-	-webkit-align-items: center;
-	-webkit-justify-content: center;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
 
 @mixin logo($px, $color, $is_showing_logo, $should_be_limited){
 	.commitchangeLogo {
@@ -437,13 +207,6 @@ $cubic_bevier: cubic-bezier(.5,1.2,.6,1);
   transition: $properties;
 }
 
-@mixin basic-transition($property) {
-  -webkit-transition: $property 0.25s ease-in-out;
-  -moz-transition: $property 0.25s ease-in-out;
-  -ms-transition: $property 0.25s ease-in-out;
-  transition: $property 0.25s ease-in-out;
-}
-
 @mixin border-radius($val) {
 	@if $val == 50% {
 		-webkit-border-radius: 1000px;
@@ -454,13 +217,6 @@ $cubic_bevier: cubic-bezier(.5,1.2,.6,1);
   border-radius: $val;
 }
 
-@mixin border-radius-indiv($a, $b, $c, $d) {
-  -webkit-border-radius: $a $b $c $d;
-  -moz-border-radius: $a $b $c $d;
-  -ms-border-radius: $a $b $c $d;
-  border-radius: $a $b $c $d;
-}
-
 @mixin box-shadow($a) {
   -webkit-box-shadow: $a;
   -moz-box-shadow: $a;
@@ -475,13 +231,6 @@ $cubic_bevier: cubic-bezier(.5,1.2,.6,1);
 	opacity: $val;
 }
 
-@mixin backface-visibility($val) {
-	-webkit-backface-visibility: $val;
-	-moz-backface-visibility: $val;
-	-ms-backface-visibility: $val;
-	backface-visibility: $val;
-}
-
 @mixin open-sans {
 	font-family: 'Open Sans', 'Helvetica Neue', Arial, Verdana, 'Droid Sans', sans-serif;
 }
@@ -495,13 +244,6 @@ $cubic_bevier: cubic-bezier(.5,1.2,.6,1);
 	font-family: 'Bitter', serif;
 }
 
-@mixin placeholder {
-	&.placeholder { @content }
-	&::-webkit-input-placeholder { @content }
-	&:-moz-placeholder { @content }
-	&:-ms-placeholder { @content }
-}
-
 @mixin gradient($dir, $from, $to) {
 	$ie-hex-from: ie-hex-str($from);
 	$ie-hex-to: ie-hex-str($to);
@@ -516,13 +258,6 @@ $cubic_bevier: cubic-bezier(.5,1.2,.6,1);
 	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=#{$gradientType},startColorstr='#{$ie-hex-from}', endColorstr='#{$ie-hex-to}');
 }
 
-@mixin basic-animation($name) {
-  -webkit-animation: $name ease-in-out;
-  -moz-animation: $name ease-in-out;
-  -ms-animation: $name ease-in-out;
-  animation: $name 2s ease-in-out;
-}
-
 @mixin columns($amount) {
 	width: $amount * 8.3333333333333%;
 	clear: left;
@@ -541,14 +276,6 @@ $cubic_bevier: cubic-bezier(.5,1.2,.6,1);
 	display: inline-block;
 }
 
-// General-purpose float-left columns
-@mixin cols($n) {
-	vertical-align: top;
-	width: $n * 8.3333333333333%;
-	float: left;
-	margin: 0;
-}
-
 @mixin no-select {
 	-webkit-touch-callout: none;
 	-webkit-user-select: none;