React slider

src/scss/app.scss

@@ -38,3 +38,4 @@
 @import 'views/discover';
 @import 'views/settings';
 
+@import "../../node_modules/react-input-range/lib/css/index.css";

src/scss/components/_context-menu.scss

@@ -291,6 +291,11 @@
 	border-radius: 3px;
 	text-align: center;
 
+	h4 &,
+	h4 &:active {
+		margin: -8px 0 0 10px;
+	}
+
 	.dot {
 		width: 6px;
 		height: 6px;

src/scss/components/_grid.scss

@@ -75,7 +75,7 @@
 	@include responsive(null, 1900px){
 		&.mini {
 			.grid-item {
-				@include grid_item(3 )
+				@include grid_item(3)
 			}
 			&.single-row {
 				.grid-item:nth-child(1n+4){

src/scss/global/_forms.scss

@@ -99,6 +99,15 @@ input[type="submit"] {
 		margin-bottom: 9px;
 	}
 
+	&.small {
+		padding: 6px 18px 4px;
+	}
+
+	&.pull-right {
+		margin-right: 0;
+		margin-left: 30px;
+	}
+
 	&.primary {
 		background: $turquoise;
 		color: $white;
@@ -284,6 +293,13 @@ input[type="submit"] {
 		}
 	}
 
+	&.range {
+		.input-range__track,
+		.input-range__slider-container {
+			transition: none;
+		}
+	}
+
 	.description {
 		display: inline-block;
 		padding: 10px 14px;