Tobias Reich 9 years ago
parent
commit
d994a90e3e
3 changed files with 13 additions and 20 deletions
  1. 3 0
      src/styles/_content.scss
  2. 7 1
      src/styles/_header.scss
  3. 3 19
      src/styles/_sidebar.scss

+ 3 - 0
src/styles/_content.scss

@@ -147,6 +147,7 @@
 		fill: #bbb;
 		margin: 0 5px 0 0;
 		width: 8px;
+		height: 8px;
 		filter: drop-shadow(0 1px 3px black(.4));
 	}
 
@@ -173,6 +174,7 @@
 		.iconic {
 			fill: #fff;
 			width: 16px;
+			height: 16px;
 			filter: drop-shadow($shadowLight);
 		}
 	}
@@ -220,6 +222,7 @@
 		fill: black(.9);
 		margin: 0 0 10px;
 		width: 60px;
+		height: 60px;
 		filter: drop-shadow(0 1px 0 white(.03));
 	}
 

+ 7 - 1
src/styles/_header.scss

@@ -44,6 +44,7 @@ header {
 			display: none;
 			margin: 0 0 0 5px;
 			width: 10px;
+			height: 10px;
 			fill: white(.5);
 			filter: drop-shadow($shadow);
 			transition: fill .2s ease-out;
@@ -72,14 +73,17 @@ header {
 	/* Button ------------------------------------------------*/
 	.button {
 		display: inline-block;
-		padding: 17px 8px 15px;
+		padding: 17px 8px;
 		width: 15px;
+		height: 15px;
 
 		&--left { float: left; }
 
 		&--right { float: right; }
 
 		.iconic {
+			width: 15px;
+			height: 15px;
 			fill: white(.5);
 			filter: drop-shadow($shadow);
 			transition: fill .2s ease-out;
@@ -133,6 +137,8 @@ header {
 		}
 
 		&:focus ~ #clearSearch { opacity: 1; }
+
+		&::-ms-clear { display: none; }
 	}
 
 	#clearSearch {

+ 3 - 19
src/styles/_sidebar.scss

@@ -42,25 +42,6 @@
 		text-shadow: $shadow;
 	}
 
-	.header .close {
-		float: right;
-		padding: 16px 65px 12px 15px;
-		width: 15px;
-
-		.iconic {
-			fill: white(.5);
-			filter: drop-shadow($shadow);
-			transition: fill .2s ease-out;
-		}
-
-		&:hover .iconic { fill: white(1); }
-
-		&:active .iconic {
-			transition: none;
-			fill: white(.8);
-		}
-	}
-
 	/* Wrapper ------------------------------------------------*/
 	.wrapper {
 		float: left;
@@ -98,6 +79,8 @@
 		width: 10px;
 
 		.iconic {
+			width: 10px;
+			height: 10px;
 			fill: white(.5);
 			filter: drop-shadow($shadow);
 			transition: fill .2s ease-out;
@@ -178,6 +161,7 @@
 		.iconic {
 			fill: $colorRed;
 			width: 8px;
+			height: 8px;
 			filter: drop-shadow($shadowLight);
 		}