making leagues and series stuff look better..

lejarx · Apr 4, 2015 · 2c209fd · 2c209fd
1 parent 6e6bb63
commit 2c209fd
Show file tree

Hide file tree

Showing 11 changed files with 33 additions and 26 deletions.
diff --git a/gulpfile.js b/gulpfile.js
@@ -99,13 +99,20 @@ gulp.task('images', function(cb) {
 			}))
 			.pipe(gulp.dest('./build/img/')),
 
-		gulp.src('./web/appDependencies/img/divisions/*.png')
+		gulp.src('./web/appDependencies/img/divisions/division*.png')
 			.pipe(sprite({
 				name: 'divisions',
 				margin: 0
 			}))
 			.pipe(gulp.dest('./build/img/')),
 
+		gulp.src('./web/appDependencies/img/divisions/league*.png')
+			.pipe(sprite({
+				name: 'leagues',
+				margin: 0
+			}))
+			.pipe(gulp.dest('./build/img/')),
+
 		gulp.src('./web/appDependencies/img/misc/*.png')
 			.pipe(gulp.dest('./build/img/'))
 	).on('end', cb);

diff --git a/web/appDependencies/img/divisions/bronze_small.png b/web/appDependencies/img/divisions/bronze_small.png
diff --git a/web/appDependencies/img/divisions/challenger_small.png b/web/appDependencies/img/divisions/challenger_small.png
diff --git a/web/appDependencies/img/divisions/diamond_small.png b/web/appDependencies/img/divisions/diamond_small.png
diff --git a/web/appDependencies/img/divisions/gold_small.png b/web/appDependencies/img/divisions/gold_small.png
diff --git a/web/appDependencies/img/divisions/master_small.png b/web/appDependencies/img/divisions/master_small.png
diff --git a/web/appDependencies/img/divisions/platinum_small.png b/web/appDependencies/img/divisions/platinum_small.png
diff --git a/web/appDependencies/img/divisions/silver_small.png b/web/appDependencies/img/divisions/silver_small.png
diff --git a/web/appDependencies/img/divisions/unranked_small.png b/web/appDependencies/img/divisions/unranked_small.png
diff --git a/web/appDependencies/sass/_divisions.scss b/web/appDependencies/sass/_divisions.scss
@@ -1,62 +1,62 @@
 .divisions {
 	background-image: url('/img/divisions.png');
 	background-repeat: no-repeat;
-	background-size: 20px;
+	background-size: 24px;
 	margin: auto;
 }
 
 .division-master {
 	@extend .divisions;
-	height: 16px;
-	min-width: 20px;
+	height: 19px;
+	min-width: 24px;
 	background-position: 0px 0px;
 }
 
 .division-bronze {
 	@extend .divisions;
-	height: 16px;
-	min-width: 20px;
-	background-position: 0px -20px;
+	height: 19px;
+	min-width: 24px;
+	background-position: 0px -24px;
 }
 
 .division-challenger {
 	@extend .divisions;
-	height: 16px;
-	min-width: 20px;
-	background-position: 0px -40px;;
+	height: 19px;
+	min-width: 24px;
+	background-position: 0px -48px;
 }
 
 .division-diamond {
 	@extend .divisions;
-	height: 16px;
-	min-width: 20px;
-	background-position: 0px -60px;
+	height: 19px;
+	min-width: 24px;
+	background-position: 0px -72px;
 }
 
 .division-gold {
 	@extend .divisions;
-	height: 16px;
-	min-width: 20px;
-	background-position: 0px -80px;
+	height: 19px;
+	min-width: 24px;
+	background-position: 0px -96px;
 }
 
 .division-platinum {
 	@extend .divisions;
-	height: 16px;
-	min-width: 20px;
-	background-position: 0px -100px;
+	height: 19px;
+	min-width: 24px;
+	background-position: 0px -120px;
 }
 
 .division-silver {
 	@extend .divisions;
-	height: 16px;
-	min-width: 20px;
-	background-position: 0px -120px;
+	height: 19px;
+	min-width: 24px;
+	background-position: 0px -144px;
 }
 
 .division-unranked {
 	@extend .divisions;
-	height: 16px;
-	min-width: 20px;
-	background-position: 0px -140px;
+	height: 19px;
+	min-width: 24px;
+	background-position: 0px -168px;
 }
diff --git a/web/appDependencies/sass/_optimlol.scss b/web/appDependencies/sass/_optimlol.scss
@@ -121,7 +121,7 @@
 
                         .division-label {
                             font-weight: 400;
-                            font-size: 10px;
+                            font-size: 12px;
                             margin: auto;
                         }
                     }