sync
[bootswatch] / simplex / bootswatch.less
old mode 100755 (executable)
new mode 100644 (file)
index 866835e..3cb2cde
-// Bootswatch.less
-// Swatch: Simplex
-// Version: 2.0.2
+// Simplex 3.0.3
+// Bootswatch
 // -----------------------------------------------------
 
-// TYPOGRAPHY
-// -----------------------------------------------------
+@import url("//fonts.googleapis.com/css?family=Josefin+Sans:300,400,700");
 
-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 =====================================================================
 
-.navbar .brand, .subnav a {
-       color: @navbarText;
-}
+.navbar {
+       border-bottom: 1px solid #dfdfdf;
+       font-family: @headings-font-family;
 
-.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;
+       }
 
-.navbar .nav > li > a {
-       text-shadow: none;
-       &:hover {
-               color: @white;
-               background-color: rgba(256, 256, 256, 0.2);
+       &-brand {
+               padding: 14px 15px 8px;
        }
 }
 
-.subnav .nav > li > a {
-       border-left: 0px solid white !important;
-       border-right: 0px solid white !important;
-       color: @grayDark;
-}
+// Buttons ====================================================================
 
-.btn-navbar:hover {
-    background-color: darken(@white, 20%);
-    background-position: 0 0;
+.btn {
+       font-family: @headings-font-family;
 }
 
-// FORMS
-// -----------------------------------------------------
-
-.search-query {
-       border: 1px solid #CCC;
-       .border-radius(2px);
+.btn-default,
+.btn-default:hover {
+       .btn-shadow(@btn-default-bg);
 }
 
-// BUTTONS
-// -----------------------------------------------------
+.btn-primary,
+.btn-primary:hover {
+       .btn-shadow(@btn-primary-bg);
+}
 
-.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-primary {
-  .buttonBackground(lighten(@btnPrimaryBackground, 5%), @btnPrimaryBackground);
+.btn-info,
+.btn-info:hover {
+       .btn-shadow(@btn-info-bg);
 }
 
-.btn-warning {
-  .buttonBackground(lighten(@orange, 5%), @orange);
+.btn-warning,
+.btn-warning:hover {
+       .btn-shadow(@btn-warning-bg);
 }
 
-.btn-danger {
-  .buttonBackground(lighten(@red, 5%), @red);
+.btn-danger,
+.btn-danger:hover {
+       .btn-shadow(@btn-danger-bg);
 }
 
-.btn-success {
-  .buttonBackground(lighten(@green, 5%), @green);
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+.has-warning {
+       .help-block,
+       .control-label {
+               color: @brand-danger;
+       }
+
+       .form-control,
+       .form-control:focus {
+               border-color: @brand-danger;
+       }
 }
 
-.btn-info {
-  .buttonBackground(lighten(#5bc0de, 5%), #5bc0de);
+.has-error {
+       .help-block,
+       .control-label {
+               color: @brand-primary;
+       }
+
+       .form-control,
+       .form-control:focus {
+               border-color: @brand-primary;
+       }
 }
 
-.btn-inverse {
-  .buttonBackground(lighten(@purple, 5%), @purple);
+.has-success {
+       .help-block,
+       .control-label {
+               color: @brand-success;
+       }
+
+       .form-control,
+       .form-control:focus {
+               border-color: @brand-success;
+       }
 }
 
-// MISCELLANEOUS
-// -----------------------------------------------------
+// Navs =======================================================================
+
+.pagination {
 
-i[class^="icon-"]{
-       opacity: 0.6;
+       .active > a,
+       .active > a:hover {
+               border-color: #ddd;
+       }
 }
 
-.hero-unit {
-       border: 1px solid rgba(0,0,0,.05);
-       .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
-}
\ No newline at end of file
+// Indicators =================================================================
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
\ No newline at end of file