padrino-admin 0.11.0 → 0.11.1

data/lib/padrino-admin/bootstrap-less/navbar.less

@@ -9,7 +9,7 @@
   background-color: @navbar-bg;
   border-radius: @border-radius-base;
   // Prevent floats from breaking the navbar
-  .clear_float();
+  .clearfix();
 }
 
 // Navbar nav links
@@ -28,20 +28,20 @@
   }
   .nav > li > a:hover,
   .nav > li > a:focus {
-    color: @navbar-link-color-hover;
-    background-color: @navbar-link-bg-hover;
+    color: @navbar-link-hover-color;
+    background-color: @navbar-link-hover-bg;
   }
   .nav > .active > a,
   .nav > .active > a:hover,
   .nav > .active > a:focus {
-    color: @navbar-link-color-active;
-    background-color: @navbar-link-bg-active;
+    color: @navbar-link-active-color;
+    background-color: @navbar-link-active-bg;
   }
   .nav > .disabled > a,
   .nav > .disabled > a:hover,
   .nav > .disabled > a:focus {
-    color: @navbar-link-color-disabled;
-    background-color: @navbar-link-bg-disabled;
+    color: @navbar-link-disabled-color;
+    background-color: @navbar-link-disabled-bg;
   }
 }
 
@@ -88,9 +88,9 @@
   text-align: center;
   &:hover,
   &:focus {
-    color: @navbar-brand-color-hover;
+    color: @navbar-brand-hover-color;
     text-decoration: none;
-    background-color: @navbar-brand-bg-hover;
+    background-color: @navbar-brand-hover-bg;
   }
 }
 
@@ -151,16 +151,16 @@
   // Caret should match text color on hover
   li.dropdown > a:hover .caret,
   li.dropdown > a:focus .caret {
-    border-top-color: @navbar-link-color-hover;
-    border-bottom-color: @navbar-link-color-hover;
+    border-top-color: @navbar-link-hover-color;
+    border-bottom-color: @navbar-link-hover-color;
   }
 
   // Remove background color from open dropdown
   li.dropdown.open > .dropdown-toggle,
   li.dropdown.active > .dropdown-toggle,
   li.dropdown.open.active > .dropdown-toggle {
-    background-color: @navbar-link-bg-active;
-    color: @navbar-link-color-active;
+    background-color: @navbar-link-active-bg;
+    color: @navbar-link-active-color;
   }
   li.dropdown > .dropdown-toggle .caret {
     border-top-color: @navbar-link-color;
@@ -169,8 +169,8 @@
   li.dropdown.open > .dropdown-toggle .caret,
   li.dropdown.active > .dropdown-toggle .caret,
   li.dropdown.open.active > .dropdown-toggle .caret {
-    border-top-color: @navbar-link-color-active;
-    border-bottom-color: @navbar-link-color-active;
+    border-top-color: @navbar-link-active-color;
+    border-bottom-color: @navbar-link-active-color;
   }
 }
 
@@ -207,20 +207,20 @@
   }
   .nav > li > a:hover,
   .nav > li > a:focus {
-    color: @navbar-inverse-link-color-hover;
-    background-color: @navbar-inverse-link-bg-hover;
+    color: @navbar-inverse-link-hover-color;
+    background-color: @navbar-inverse-link-hover-bg;
   }
   .nav > .active > a,
   .nav > .active > a:hover,
   .nav > .active > a:focus {
-    color: @navbar-inverse-link-color-active;
-    background-color: @navbar-inverse-link-bg-active;
+    color: @navbar-inverse-link-active-color;
+    background-color: @navbar-inverse-link-active-bg;
   }
   .nav > .disabled > a,
   .nav > .disabled > a:hover,
   .nav > .disabled > a:focus {
-    color: @navbar-inverse-link-color-disabled;
-    background-color: @navbar-inverse-link-bg-disabled;
+    color: @navbar-inverse-link-disabled-color;
+    background-color: @navbar-inverse-link-disabled-bg;
   }
 
   // Darken the responsive nav toggle
@@ -245,12 +245,12 @@
   .nav li.dropdown.open > .dropdown-toggle,
   .nav li.dropdown.active > .dropdown-toggle,
   .nav li.dropdown.open.active > .dropdown-toggle {
-    background-color: @navbar-inverse-link-bg-active;
-    color: @navbar-inverse-link-color-active;
+    background-color: @navbar-inverse-link-active-bg;
+    color: @navbar-inverse-link-active-color;
   }
   .nav li.dropdown > a:hover .caret {
-    border-top-color: @navbar-inverse-link-color-hover;
-    border-bottom-color: @navbar-inverse-link-color-hover;
+    border-top-color: @navbar-inverse-link-hover-color;
+    border-bottom-color: @navbar-inverse-link-hover-color;
   }
   .nav li.dropdown > .dropdown-toggle .caret {
     border-top-color: @navbar-inverse-link-color;
@@ -259,8 +259,8 @@
   .nav li.dropdown.open > .dropdown-toggle .caret,
   .nav li.dropdown.active > .dropdown-toggle .caret,
   .nav li.dropdown.open.active > .dropdown-toggle .caret {
-    border-top-color: @navbar-inverse-link-color-active;
-    border-bottom-color: @navbar-inverse-link-color-active;
+    border-top-color: @navbar-inverse-link-active-color;
+    border-bottom-color: @navbar-inverse-link-active-color;
   }
 }
 
@@ -283,7 +283,7 @@
   .navbar .nav {
     float: left;
     margin-top: 0; // undo top margin to make nav extend full height of navbar
-    .clear_float();
+    .clearfix();
 
     &.pull-right {
       float: right;
@@ -307,6 +307,16 @@
     border-right-color: lighten(@navbar-inverse-bg, 5%);
   }
 
+  .navbar-fixed-left {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .navbar-fixed-left .navbar-brand,
+  .navbar-fixed-left .nav,
+  .navbar-fixed-left .nav > li {
+    float: none;
+  }
+
   // Required to make the collapsing navbar work on regular desktops
   .navbar-toggle {
     position: relative;
@@ -328,7 +338,7 @@
 .navbar-link {
   color: @navbar-link-color;
   &:hover {
-    color: @navbar-link-color-hover;
+    color: @navbar-link-hover-color;
   }
 }
 

data/lib/padrino-admin/bootstrap-less/navs.less

@@ -11,7 +11,7 @@
   margin-bottom: 0;
   padding-left: 0; // Override default ul/ol
   list-style: none;
-  .clear_float();
+  .clearfix();
 }
 .nav > li {
   display: block;
@@ -65,7 +65,7 @@
 .nav-tabs > .active > a:hover,
 .nav-tabs > .active > a:focus {
   color: @gray;
-  background-color: @body-background;
+  background-color: @body-bg;
   border: 1px solid #ddd;
   border-bottom-color: transparent;
   cursor: default;
@@ -91,7 +91,7 @@
 .nav-pills > .active > a:hover,
 .nav-pills > .active > a:focus {
   color: #fff;
-  background-color: @link-color;
+  background-color: @component-active-bg;
 }
 
 // Stacked pills
@@ -107,8 +107,7 @@
 // -------------------------
 
 .nav-justified {
-  // Negative margin doesn't work, so we hack it
-  max-height: 40px;
+  width: 100%;
 }
 .nav-justified > li {
   float: none;
@@ -116,29 +115,19 @@
   width: 1%;
   text-align: center;
 }
-
-// Lists
-// -------------------------
-
-.nav-list > li > a {
-  margin-bottom: -1px; // pull up the following link for a 1px border between
-  border: 1px solid #e5e5e5;
-}
-.nav-list > li:first-child > a {
-   border-top-left-radius: @border-radius-base;
-  border-top-right-radius: @border-radius-base;
-}
-.nav-list > li:last-child > a {
-   border-bottom-left-radius: @border-radius-base;
-  border-bottom-right-radius: @border-radius-base;
+// Move borders to anchors instead of bottom of list
+.nav-justified.nav-tabs {
+  border-bottom: 0;
+  > li > a {
+    border-bottom: 1px solid #ddd;
+  }
+  > .active > a {
+    border-bottom-color: @body-bg;
+  }
 }
-.nav-list > .active > a,
-.nav-list > .active > a:hover,
-.nav-list > .active > a:focus {
-  z-index: 2; // Bring active item forward so border sits on top of next element
-  color: #fff;
-  background-color: @link-color;
-  border-color: @link-color;
+// Override margin from .nav-tabs
+.nav-justified > li > a {
+  margin-right: 0;
 }
 
 
@@ -231,8 +220,8 @@
   margin-top: 8px;
 }
 .nav .dropdown-toggle:hover .caret {
-  border-top-color: @link-color-hover;
-  border-bottom-color: @link-color-hover;
+  border-top-color: @link-hover-color;
+  border-bottom-color: @link-hover-color;
 }
 
 // Active dropdown links

data/lib/padrino-admin/bootstrap-less/pager.less

@@ -7,7 +7,7 @@
   margin: @line-height-base 0;
   list-style: none;
   text-align: center;
-  .clear_float();
+  .clearfix();
 }
 .pager li {
   display: inline;
@@ -16,14 +16,14 @@
 .pager li > span {
   display: inline-block;
   padding: 5px 14px;
-  background-color: #fff;
-  border: 1px solid #ddd;
+  background-color: @pagination-bg;
+  border: 1px solid @pagination-border;
   border-radius: 15px;
 }
 .pager li > a:hover,
 .pager li > a:focus {
   text-decoration: none;
-  background-color: #f5f5f5;
+  background-color: @pagination-active-bg;
 }
 .pager .next > a,
 .pager .next > span {

data/lib/padrino-admin/bootstrap-less/pagination.less

@@ -15,7 +15,7 @@
   padding: 4px 12px;
   line-height: @line-height-base;
   text-decoration: none;
-  background-color: @pagination-background;
+  background-color: @pagination-bg;
   border: 1px solid @pagination-border;
   border-left-width: 0;
 }
@@ -23,7 +23,7 @@
 .pagination > li > a:focus,
 .pagination > .active > a,
 .pagination > .active > span {
-  background-color: @pagination-background-active;
+  background-color: @pagination-active-bg;
 }
 .pagination > .active > a,
 .pagination > .active > span {
@@ -35,7 +35,7 @@
 .pagination > .disabled > a:hover,
 .pagination > .disabled > a:focus {
   color: @grayLight;
-  background-color: @pagination-background;
+  background-color: @pagination-bg;
   cursor: default;
 }
 .pagination > li:first-child > a,

data/lib/padrino-admin/bootstrap-less/panels.less

@@ -0,0 +1,86 @@
+//
+// Panels
+// --------------------------------------------------
+
+
+// Base class
+.panel {
+  padding: 15px;
+  margin-bottom: 20px;
+  background-color: @panel-bg;
+  border: 1px solid @panel-border;
+  border-radius: @panel-border-radius;
+  .box-shadow(0 1px 1px rgba(0,0,0,.05));
+}
+
+// Optional heading
+.panel-heading {
+  margin: -15px -15px 15px;
+  padding: 10px 15px;
+  font-size: @font-size-base * 1.25;
+  font-weight: 500;
+  background-color: @panel-heading-bg;
+  border-bottom: 1px solid @panel-border;
+  border-top-left-radius:  (@panel-border-radius - 1);
+  border-top-right-radius: (@panel-border-radius - 1);
+}
+
+// Contextual variations
+.panel-primary {
+  border-color: @panel-primary-border;
+  .panel-heading {
+    color: @panel-primary-text;
+    background-color: @panel-primary-heading-bg;
+    border-color: @panel-primary-border;
+  }
+}
+.panel-success {
+  border-color: @panel-success-border;
+  .panel-heading {
+    color: @panel-success-text;
+    background-color: @panel-success-heading-bg;
+    border-color: @panel-success-border;
+  }
+}
+.panel-warning {
+  border-color: @panel-warning-border;
+  .panel-heading {
+    color: @panel-warning-text;
+    background-color: @panel-warning-heading-bg;
+    border-color: @panel-warning-border;
+  }
+}
+.panel-danger {
+  border-color: @panel-danger-border;
+  .panel-heading {
+    color: @panel-danger-text;
+    background-color: @panel-danger-heading-bg;
+    border-color: @panel-danger-border;
+  }
+}
+.panel-info {
+  border-color: @panel-info-border;
+  .panel-heading {
+    color: @panel-info-text;
+    background-color: @panel-info-heading-bg;
+    border-color: @panel-info-border;
+  }
+}
+
+// List groups in panels
+.list-group-flush {
+  margin: 15px -15px -15px;
+
+  .list-group-item {
+    border-width: 1px 0;
+
+    // Remove border radius for top one
+    &:first-child {
+      .border-top-radius(0);
+    }
+    // But keep it for the last one
+    &:last-child {
+      border-bottom: 0;
+    }
+  }
+}

data/lib/padrino-admin/bootstrap-less/popovers.less

@@ -12,9 +12,9 @@
   max-width: 276px;
   padding: 1px;
   text-align: left; // Reset given new insertion method
-  background-color: @popover-background;
-  -webkit-background-clip: padding-box;
-     -moz-background-clip: padding;
+  background-color: @popover-bg;
+  -webkit-bg-clip: padding-box;
+     -moz-bg-clip: padding;
           background-clip: padding-box;
   border: 1px solid #ccc;
   border: 1px solid rgba(0,0,0,.2);
@@ -37,8 +37,8 @@
   font-size: 14px;
   font-weight: normal;
   line-height: 18px;
-  background-color: @popover-title-background;
-  border-bottom: 1px solid darken(@popover-title-background, 5%);
+  background-color: @popover-title-bg;
+  border-bottom: 1px solid darken(@popover-title-bg, 5%);
   border-radius: 5px 5px 0 0;
 
   &:empty {

data/lib/padrino-admin/bootstrap-less/scaffolding.less

@@ -30,19 +30,21 @@ html {
 }
 
 body {
+  font-family: @font-family-base;
+  font-size: 14px;
+  line-height: @line-height-base;
   color: @text-color;
-  background-color: @body-background;
+  background-color: @body-bg;
 }
 
 // Reset fonts for revelant elements
-body,
 input,
 button,
 select,
 textarea {
-  font-family: @font-family-base;
-  .font-size();
-  line-height: @line-height-base;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
 }
 
 
@@ -55,7 +57,7 @@ a {
 }
 a:hover,
 a:focus {
-  color: @link-color-hover;
+  color: @link-hover-color;
   text-decoration: underline;
 }
 a:focus {