From 978c12027931109e72b131404083d3c6599d6c26 Mon Sep 17 00:00:00 2001
From: Nick Schonning <nschonni@gmail.com>
Date: Thu, 6 Mar 2014 01:45:31 -0500
Subject: [PATCH] Use for loop to shrink bbcode

Dry out the long set of similar selectors
---
 app/assets/stylesheets/desktop/bbcode.scss | 114 +--------------------
 app/assets/stylesheets/mobile/bbcode.scss  | 114 +--------------------
 2 files changed, 8 insertions(+), 220 deletions(-)

diff --git a/app/assets/stylesheets/desktop/bbcode.scss b/app/assets/stylesheets/desktop/bbcode.scss
index 2d7de236c1e..b2ff87815b1 100644
--- a/app/assets/stylesheets/desktop/bbcode.scss
+++ b/app/assets/stylesheets/desktop/bbcode.scss
@@ -14,115 +14,9 @@ span {
     text-decoration: line-through;
   }
   // Font sizes
-  &.bbcode-size-4 {
-    font-size: 4px;
-  }
-  &.bbcode-size-5 {
-    font-size: 5px;
-  }
-  &.bbcode-size-6 {
-    font-size: 6px;
-  }
-  &.bbcode-size-7 {
-    font-size: 7px;
-  }
-  &.bbcode-size-8 {
-    font-size: 8px;
-  }
-  &.bbcode-size-9 {
-    font-size: 9px;
-  }
-  &.bbcode-size-10 {
-    font-size: 10px;
-  }
-  &.bbcode-size-11 {
-    font-size: 11px;
-  }
-  &.bbcode-size-12 {
-    font-size: 12px;
-  }
-  &.bbcode-size-13 {
-    font-size: 13px;
-  }
-  &.bbcode-size-14 {
-    font-size: 14px;
-  }
-  &.bbcode-size-15 {
-    font-size: 15px;
-  }
-  &.bbcode-size-16 {
-    font-size: 16px;
-  }
-  &.bbcode-size-17 {
-    font-size: 17px;
-  }
-  &.bbcode-size-18 {
-    font-size: 18px;
-  }
-  &.bbcode-size-19 {
-    font-size: 19px;
-  }
-  &.bbcode-size-20 {
-    font-size: 20px;
-  }
-  &.bbcode-size-21 {
-    font-size: 21px;
-  }
-  &.bbcode-size-22 {
-    font-size: 22px;
-  }
-  &.bbcode-size-23 {
-    font-size: 23px;
-  }
-  &.bbcode-size-24 {
-    font-size: 24px;
-  }
-  &.bbcode-size-25 {
-    font-size: 25px;
-  }
-  &.bbcode-size-26 {
-    font-size: 26px;
-  }
-  &.bbcode-size-27 {
-    font-size: 27px;
-  }
-  &.bbcode-size-28 {
-    font-size: 28px;
-  }
-  &.bbcode-size-29 {
-    font-size: 29px;
-  }
-  &.bbcode-size-30 {
-    font-size: 30px;
-  }
-  &.bbcode-size-31 {
-    font-size: 31px;
-  }
-  &.bbcode-size-32 {
-    font-size: 32px;
-  }
-  &.bbcode-size-33 {
-    font-size: 33px;
-  }
-  &.bbcode-size-34 {
-    font-size: 34px;
-  }
-  &.bbcode-size-35 {
-    font-size: 35px;
-  }
-  &.bbcode-size-36 {
-    font-size: 36px;
-  }
-  &.bbcode-size-37 {
-    font-size: 37px;
-  }
-  &.bbcode-size-38 {
-    font-size: 38px;
-  }
-  &.bbcode-size-39 {
-    font-size: 39px;
-  }
-  &.bbcode-size-40 {
-    font-size: 40px;
+  @for $i from 4 through 40 {
+    &.bbcode-size-#{$i} {
+      font-size: #{$i}px;
+    }
   }
 }
diff --git a/app/assets/stylesheets/mobile/bbcode.scss b/app/assets/stylesheets/mobile/bbcode.scss
index 2d7de236c1e..b2ff87815b1 100644
--- a/app/assets/stylesheets/mobile/bbcode.scss
+++ b/app/assets/stylesheets/mobile/bbcode.scss
@@ -14,115 +14,9 @@ span {
     text-decoration: line-through;
   }
   // Font sizes
-  &.bbcode-size-4 {
-    font-size: 4px;
-  }
-  &.bbcode-size-5 {
-    font-size: 5px;
-  }
-  &.bbcode-size-6 {
-    font-size: 6px;
-  }
-  &.bbcode-size-7 {
-    font-size: 7px;
-  }
-  &.bbcode-size-8 {
-    font-size: 8px;
-  }
-  &.bbcode-size-9 {
-    font-size: 9px;
-  }
-  &.bbcode-size-10 {
-    font-size: 10px;
-  }
-  &.bbcode-size-11 {
-    font-size: 11px;
-  }
-  &.bbcode-size-12 {
-    font-size: 12px;
-  }
-  &.bbcode-size-13 {
-    font-size: 13px;
-  }
-  &.bbcode-size-14 {
-    font-size: 14px;
-  }
-  &.bbcode-size-15 {
-    font-size: 15px;
-  }
-  &.bbcode-size-16 {
-    font-size: 16px;
-  }
-  &.bbcode-size-17 {
-    font-size: 17px;
-  }
-  &.bbcode-size-18 {
-    font-size: 18px;
-  }
-  &.bbcode-size-19 {
-    font-size: 19px;
-  }
-  &.bbcode-size-20 {
-    font-size: 20px;
-  }
-  &.bbcode-size-21 {
-    font-size: 21px;
-  }
-  &.bbcode-size-22 {
-    font-size: 22px;
-  }
-  &.bbcode-size-23 {
-    font-size: 23px;
-  }
-  &.bbcode-size-24 {
-    font-size: 24px;
-  }
-  &.bbcode-size-25 {
-    font-size: 25px;
-  }
-  &.bbcode-size-26 {
-    font-size: 26px;
-  }
-  &.bbcode-size-27 {
-    font-size: 27px;
-  }
-  &.bbcode-size-28 {
-    font-size: 28px;
-  }
-  &.bbcode-size-29 {
-    font-size: 29px;
-  }
-  &.bbcode-size-30 {
-    font-size: 30px;
-  }
-  &.bbcode-size-31 {
-    font-size: 31px;
-  }
-  &.bbcode-size-32 {
-    font-size: 32px;
-  }
-  &.bbcode-size-33 {
-    font-size: 33px;
-  }
-  &.bbcode-size-34 {
-    font-size: 34px;
-  }
-  &.bbcode-size-35 {
-    font-size: 35px;
-  }
-  &.bbcode-size-36 {
-    font-size: 36px;
-  }
-  &.bbcode-size-37 {
-    font-size: 37px;
-  }
-  &.bbcode-size-38 {
-    font-size: 38px;
-  }
-  &.bbcode-size-39 {
-    font-size: 39px;
-  }
-  &.bbcode-size-40 {
-    font-size: 40px;
+  @for $i from 4 through 40 {
+    &.bbcode-size-#{$i} {
+      font-size: #{$i}px;
+    }
   }
 }