rems: code

dist/css/bootstrap-theme.css

@@ -219,7 +219,7 @@
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   background-repeat: repeat-x;
-  border-radius: 4px;
+  border-radius: .2rem;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
           box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
 }
@@ -360,7 +360,7 @@
   background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 }
 .list-group {
-  border-radius: 4px;
+  border-radius: .2rem;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
           box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
 }

docs/assets/css/src/docs.css

@@ -947,6 +947,7 @@ h1[id] {
 
 .bs-example {
   position: relative;
+  padding-top: 3rem;
   margin-top: 1rem;
   /*padding: 45px 15px 15px;*/
   /*margin: 0 -15px 15px;*/
@@ -958,12 +959,12 @@ h1[id] {
 }
 /* Echo out a label for the example */
 .bs-example:before {
-  /*position: absolute;*/
-  /*top: 15px;*/
+  position: absolute;
+  top: 0;
   /*left: 15px;*/
   display: inline-block;
   padding: .5rem .75rem;
-  margin-bottom: 1rem;
+  /*margin-bottom: 1rem;*/
   font-size: .8rem;
   font-weight: bold;
   color: #fff;

docs/dist/css/bootstrap-theme.css

@@ -219,7 +219,7 @@
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
   background-repeat: repeat-x;
-  border-radius: 4px;
+  border-radius: .2rem;
   -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
           box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
 }
@@ -360,7 +360,7 @@
   background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
 }
 .list-group {
-  border-radius: 4px;
+  border-radius: .2rem;
   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
           box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
 }

less/code.less

@@ -13,7 +13,7 @@ samp {
 
 // Inline code
 code {
-  padding: 2px 4px;
+  padding: .2rem .4rem;
   font-size: 90%;
   color: @code-color;
   background-color: @code-bg;
@@ -22,12 +22,12 @@ code {
 
 // User input typically entered via keyboard
 kbd {
-  padding: 2px 4px;
+  padding: .2rem .4rem;
   font-size: 90%;
   color: @kbd-color;
   background-color: @kbd-bg;
   border-radius: @border-radius-small;
-  box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
+  box-shadow: inset 0 -.1rem 0 rgba(0,0,0,.25);
 
   kbd {
     padding: 0;
@@ -39,8 +39,9 @@ kbd {
 // Blocks of code
 pre {
   display: block;
-  padding: ((@line-height-computed - 1) / 2);
-  margin: 0 0 (@line-height-computed / 2);
+  padding: 1.5rem;
+  margin-top: 0;
+  margin-bottom: 1rem;
   font-size: 90%;
   line-height: @line-height-base;
   color: @pre-color;

less/variables.less

@@ -101,9 +101,9 @@
 @line-height-large:         1.33;
 @line-height-small:         1.5;
 
-@border-radius-base:        4px;
-@border-radius-large:       6px;
-@border-radius-small:       3px;
+@border-radius-base:        .2rem;
+@border-radius-large:       .3rem;
+@border-radius-small:       .2rem;
 
 //** Global color for active items (e.g., navs or dropdowns).
 @component-active-color:    #fff;