3.0.2 -> 3.0.3
[bootswatch] / simplex / bootswatch.less
old mode 100755 (executable)
new mode 100644 (file)
index 747d3bb..3cb2cde
-// Bootswatch.less
-// Swatch: Simplex
+// Simplex 3.0.3
+// Bootswatch
 // -----------------------------------------------------
 
-// TYPOGRAPHY
-// -----------------------------------------------------
+@import url("//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700");
 
-// Make headers black
-h1, h2, h3, h4, h5, h6 {
-       color: @black;
+.btn-shadow(@color) {
+       #gradient > .vertical-three-colors(lighten(@color, 15%), @color, 6%, darken(@color, 4%));
+       filter: none;
+       border: 1px solid darken(@color, 10%);
 }
 
-// NAVBAR
-// -----------------------------------------------------
+// Navbar =====================================================================
 
-// Gray text color
-.navbar .brand, .subnav a {
-       color: @navbarText;
-}
+.navbar {
+       border-bottom: 1px solid #dfdfdf;
+       font-family: @headings-font-family;
 
-// Make active item white
-.navbar .nav .active > a,
-.navbar .nav .active > a:hover {
-       background-color: @grayDarker;
-       color: @white;
-}
+       &-nav > li > a {
+               padding-top: @navbar-padding-vertical + 2px;
+               padding-bottom: @navbar-padding-vertical - 2px;
+       }
 
-// Remove text-shadow and make white on hover
-.navbar .nav > li > a {
-       text-shadow: none;
-       &:hover {
-               color: @white;
-               background-color: rgba(256, 256, 256, 0.2);
+       &-brand {
+               padding: 14px 15px 8px;
        }
 }
 
-// Remove menu item dividers on subnav
-.subnav .nav > li > a {
-       border-left: 0px solid white !important;
-       border-right: 0px solid white !important;
-       color: @grayDark;
-}
+// Buttons ====================================================================
 
-// FORMS
-// -----------------------------------------------------
+.btn {
+       font-family: @headings-font-family;
+}
 
-// Style search input 
-.search-query {
-       border: 1px solid #CCC;
-       .border-radius(2px);
-       background-color: @white;
+.btn-default,
+.btn-default:hover {
+       .btn-shadow(@btn-default-bg);
 }
 
-// BUTTONS
-// -----------------------------------------------------
+.btn-primary,
+.btn-primary:hover {
+       .btn-shadow(@btn-primary-bg);
+}
 
-// Make buttons boxier and flatter
-.btn {
-  .border-radius(2px);
-  #gradient > .vertical-three-colors(@white, @white, 25%, darken(@white, 10%));
+.btn-success,
+.btn-success:hover {
+       .btn-shadow(@btn-success-bg);
 }
 
-.btn-warning {
-  .caret {
-    border-top-color: @white;
-    .opacity(75);
-  }
+.btn-info,
+.btn-info:hover {
+       .btn-shadow(@btn-info-bg);
 }
 
-.btn-primary {
-  .buttonBackground(lighten(@primaryButtonBackground, 5%), @primaryButtonBackground);
+.btn-warning,
+.btn-warning:hover {
+       .btn-shadow(@btn-warning-bg);
 }
 
-.btn-warning {
-  .buttonBackground(lighten(@orange, 5%), @orange);
+.btn-danger,
+.btn-danger:hover {
+       .btn-shadow(@btn-danger-bg);
 }
 
-.btn-danger {
-  .buttonBackground(lighten(@red, 5%), @red);
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+.has-warning {
+       .help-block,
+       .control-label {
+               color: @brand-danger;
+       }
+
+       .form-control,
+       .form-control:focus {
+               border-color: @brand-danger;
+       }
 }
 
-.btn-success {
-  .buttonBackground(lighten(@green, 5%), @green);
+.has-error {
+       .help-block,
+       .control-label {
+               color: @brand-primary;
+       }
+
+       .form-control,
+       .form-control:focus {
+               border-color: @brand-primary;
+       }
 }
 
-.btn-info {
-  .buttonBackground(lighten(#5bc0de, 5%), #5bc0de);
+.has-success {
+       .help-block,
+       .control-label {
+               color: @brand-success;
+       }
+
+       .form-control,
+       .form-control:focus {
+               border-color: @brand-success;
+       }
 }
 
-// ICONS
-// -----------------------------------------------------
+// Navs =======================================================================
 
-// Make icons gray
-i[class^="icon-"]{
-       opacity: 0.6;
+.pagination {
+
+       .active > a,
+       .active > a:hover {
+               border-color: #ddd;
+       }
 }
+
+// Indicators =================================================================
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
\ No newline at end of file