diff --git a/docs/customize.html b/docs/customize.html
index aa02cfa2a37110c4f2a60beb9da1f27ace0afbcb..4c5cb4f79e7ef6e53691b79110d42c45975ada16 100644
--- a/docs/customize.html
+++ b/docs/customize.html
@@ -310,11 +310,11 @@
                 <label>@border-radius-small</label>
                 <input type="text" class="span3" placeholder="3px">
 
-                <label>@heroUnitBackground</label>
+                <label>@hero-background</label>
                 <input type="text" class="span3" placeholder="@grayLighter">
-                <label>@heroUnitHeadingColor</label>
+                <label>@hero-heading-color</label>
                 <input type="text" class="span3" placeholder="inherit">
-                <label>@heroUnitLeadColor</label>
+                <label>@hero-lead-color</label>
                 <input type="text" class="span3" placeholder="inherit">
 
                 <h3>Tables</h3>
diff --git a/docs/templates/pages/customize.mustache b/docs/templates/pages/customize.mustache
index 768de2391b6e05d75e1388b37b29bb3946dafe80..b2e21e71c17cdf7a4f2741fc3fd69c4bf21678e1 100644
--- a/docs/templates/pages/customize.mustache
+++ b/docs/templates/pages/customize.mustache
@@ -242,11 +242,11 @@
                 <label>@border-radius-small</label>
                 <input type="text" class="span3" placeholder="3px">
 
-                <label>@heroUnitBackground</label>
+                <label>@hero-background</label>
                 <input type="text" class="span3" placeholder="@grayLighter">
-                <label>@heroUnitHeadingColor</label>
+                <label>@hero-heading-color</label>
                 <input type="text" class="span3" placeholder="inherit">
-                <label>@heroUnitLeadColor</label>
+                <label>@hero-lead-color</label>
                 <input type="text" class="span3" placeholder="inherit">
 
                 <h3>{{_i}}Tables{{/i}}</h3>
diff --git a/less/hero-unit.less b/less/hero-unit.less
index f771fad02720f2cca68801a2ed9352d5fc047e5c..1e61033ad03dee9bec69d30ac5ce3973a89ed736 100644
--- a/less/hero-unit.less
+++ b/less/hero-unit.less
@@ -9,14 +9,14 @@
   font-size: 18px;
   font-weight: 200;
   line-height: @line-height-base * 1.5;
-  color: @heroUnitLeadColor;
-  background-color: @heroUnitBackground;
+  color: @hero-lead-color;
+  background-color: @hero-background;
   border-radius: 6px;
   h1 {
     margin-bottom: 0;
     font-size: 60px;
     line-height: 1;
-    color: @heroUnitHeadingColor;
+    color: @hero-heading-color;
     letter-spacing: -1px;
   }
   li {
diff --git a/less/pagination.less b/less/pagination.less
index 84ccf042ddaad55b27cadd8abc2e70862142e165..cad430dab3f928a8ee588bddbbe12575648ed14c 100644
--- a/less/pagination.less
+++ b/less/pagination.less
@@ -26,14 +26,14 @@
   padding: 4px 12px;
   line-height: @line-height-base;
   text-decoration: none;
-  background-color: @paginationBackground;
-  border: 1px solid @paginationBorder;
+  background-color: @pagination-background;
+  border: 1px solid @pagination-border;
   border-left-width: 0;
 }
 .pagination ul > li > a:hover,
 .pagination ul > .active > a,
 .pagination ul > .active > span {
-  background-color: @paginationActiveBackground;
+  background-color: @pagination-background-active;
 }
 .pagination ul > .active > a,
 .pagination ul > .active > span {
diff --git a/less/variables.less b/less/variables.less
index 7b0cfe82aa84007e640c878f8bee4e3bb520cf81..6ef5359510c5461ff6dca7c67845b7621a7519a9 100644
--- a/less/variables.less
+++ b/less/variables.less
@@ -192,20 +192,24 @@
 
 // Pagination
 // -------------------------
-@paginationBackground:                #fff;
-@paginationBorder:                    #ddd;
-@paginationActiveBackground:          #f5f5f5;
+
+@pagination-background:                #fff;
+@pagination-background-active:          #f5f5f5;
+
+@pagination-border:                    #ddd;
 
 
 // Hero unit
 // -------------------------
-@heroUnitBackground:              @grayLighter;
-@heroUnitHeadingColor:            inherit;
-@heroUnitLeadColor:               inherit;
+
+@hero-background:              @grayLighter;
+@hero-heading-color:            inherit;
+@hero-lead-color:               inherit;
 
 
 // Form states and alerts
 // -------------------------
+
 @warningText:             #c09853;
 @warningBackground:       #fcf8e3;
 @warningBorder:           darken(spin(@warningBackground, -10), 3%);