From 9411dbf5c577f7e352f29bfba4b8f0c5ceb8f301 Mon Sep 17 00:00:00 2001
From: Simon Grim <scary@tasty.sexy>
Date: Wed, 3 Oct 2018 00:32:13 +0500
Subject: [PATCH] replace various SASS button.small extending by
 button-small-basic mixin

---
 sass/base/_utils.sass   | 11 +++++++----
 sass/layout/_modal.sass |  4 ++--
 sass/style.sass         |  4 ++--
 3 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/sass/base/_utils.sass b/sass/base/_utils.sass
index 0d617e6..b4abfe5 100644
--- a/sass/base/_utils.sass
+++ b/sass/base/_utils.sass
@@ -56,6 +56,12 @@
 	&:hover
 		border-color: darken($color, $hover-border-color-darken-amount)
 
+@mixin button-small-basic
+	padding:  .5rem
+	font-weight: 700
+	font-size: .7rem
+	line-height: .7rem
+
 button, a.button
 	@include button-basic
 	&.color-1
@@ -63,10 +69,7 @@ button, a.button
 	&.color-2
 		@include button-color-basic(2)
 	&.small
-		padding:  .5rem
-		font-weight: 700
-		font-size: .7rem
-		line-height: .7rem
+		@include button-small-basic
 	&.light
 		background: #eee
 		border-color: darken(#eee, 5%)
diff --git a/sass/layout/_modal.sass b/sass/layout/_modal.sass
index 51f78a4..95edcab 100644
--- a/sass/layout/_modal.sass
+++ b/sass/layout/_modal.sass
@@ -112,7 +112,7 @@ $header-modal-height : $menu-height
 			position: absolute
 			right: 10px
 			top: 10px
-			@extend .small
+			@include button-small-basic
 		.bio
 			color: rgba(0, 0, 0, 0.6)
 			font-style: italic
@@ -164,7 +164,7 @@ $header-modal-height : $menu-height
 			position: absolute
 			right: 10px
 			top: 10px
-			@extend .small
+			@include button-small-basic
 		.bio
 			color: rgba(0, 0, 0, 0.6)
 			font-style: italic
diff --git a/sass/style.sass b/sass/style.sass
index 59dce3f..9c7e2cb 100755
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -443,7 +443,7 @@ textarea.splited-post
 				position: absolute
 				right: 30px
 				top: 10px
-				@extend .small
+				@include button-small-basic
 				display: none
 				padding: .4rem!important
 			&:hover button
@@ -587,7 +587,7 @@ img.twister-user-photo
 				position: absolute
 				right: 30px
 				top: 10px
-				@extend .small
+				@include button-small-basic
 				display: none
 				padding: .4rem!important
 			&:hover button