// Bootswatch.less
// Swatch: Simplex
-// Version: 2.1.0
+// Version: 2.1.1
// -----------------------------------------------------
-@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700');
-
@boxShadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
// TYPOGRAPHY
// -----------------------------------------------------
-h6 {
- color: @headingsColor;
+@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,700');
+
+// SCAFFOLDING
+// -----------------------------------------------------
+
+hr {
+ border-bottom: none;
}
// NAVBAR
font-family: @headingsFontFamily;
}
- .nav li.dropdown.open > .dropdown-toggle,
- .nav li.dropdown.active > .dropdown-toggle:hover {
- color: @linkColor;
- }
+ &-inverse {
- .nav li.dropdown .dropdown-toggle .caret {
- border-top-color: @textColor;
- border-bottom-color: @textColor;
- opacity: 1;
- }
+ .navbar-inner {
+ .box-shadow(none);
+ }
- .nav li.dropdown .dropdown-toggle:hover .caret,
- .nav li.dropdown.active > .dropdown-toggle .caret,
- .nav li.dropdown.open .dropdown-toggle .caret {
- border-top-color: @linkColor;
- border-bottom-color: @linkColor;
+ .brand:hover {
+ color: @white;
+ }
}
+}
- .nav > .active > a,
- .nav > .active > a:hover,
- .nav > .active > a:focus {
- // .box-shadow(none);
- }
+@media (max-width: @navbarCollapseWidth) {
- .nav-collapse.collapse {
+ .navbar .nav-collapse {
.nav li > a {
color: @textColor;
}
}
+ .nav .active > a {
+ .box-shadow(none);
+ }
.navbar-form,
.navbar-search {
}
}
- &-inverse {
-
- .navbar-inner {
- .box-shadow(none);
- }
-
- .brand:hover {
- color: @white;
- }
+ .navbar-inverse .nav-collapse {
- .nav li.dropdown.open .dropdown-toggle {
+ .nav li > a {
color: @white;
- }
-
- .nav li.dropdown .dropdown-toggle .caret,
- .nav li.dropdown .dropdown-toggle:hover .caret,
- .nav li.dropdown.active .dropdown-toggle .caret,
- .nav li.dropdown.open .dropdown-toggle .caret {
- border-top-color: @white;
- border-bottom-color: @white;
- }
-
- .nav-collapse.collapse {
-
- .nav li > a {
- color: @white;
- &:hover {
- background-color: rgba(255, 255, 255, 0.1);
- }
- }
-
- .nav-header {
- color: rgba(255, 255, 255, 0.7);
+ &:hover {
+ background-color: rgba(255, 255, 255, 0.1) !important;
}
-
}
+ .nav-header {
+ color: rgba(255, 255, 255, 0.7);
+ }
}
}
.box-shadow(none);
color: @linkColor;
}
-
- .nav > li.dropdown.open > a,
- .nav > li.dropdown.open > a:hover {
- border-left-color: transparent;
- border-right-color: transparent;
- background-color: transparent;
- color: @linkColor;
- }
-
- .nav li.dropdown .dropdown-toggle .caret {
- border-top-color: @textColor;
- border-bottom-color: @textColor;
- opacity: 1;
- }
-
- .nav li.dropdown .dropdown-toggle:hover .caret,
- .nav li.dropdown.active .dropdown-toggle .caret,
- .nav li.dropdown.open .dropdown-toggle .caret {
- border-top-color: @linkColor;
- border-bottom-color: @linkColor;
- opacity: 1;
- }
-
- .dropdown.open:hover .dropdown-toggle {
- background-color: transparent;
- }
}
// NAV
}
}
+.breadcrumb {
+ .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
+ border: 0px solid transparent;
+
+ li {
+ padding-top: 5px;
+ text-shadow: none;
+ }
+
+ a {
+ text-shadow: none;
+ }
+
+ a:hover {
+ text-decoration: none;
+ }
+}
+
+.pagination {
+
+ li > a {
+ padding: 4px 14px 0;
+ color: @textColor;
+
+ &:hover {
+ background-color: @dropdownLinkBackgroundHover;
+ color: @linkColor;
+ }
+ }
+
+ li.active > a {
+ background-color: @dropdownLinkBackgroundHover;
+ color: @linkColor;
+ }
+}
+
+
+// BUTTONS
+// -----------------------------------------------------
+
+.btn {
+ padding-top: .6em;
+ font-family: @headingsFontFamily;
+ font-weight: bold;
+}
+
+// TABLES
+// -----------------------------------------------------
+
// FORMS
// -----------------------------------------------------
line-height: 16px;
}
-// BUTTONS
+// DROPDOWNS
// -----------------------------------------------------
-.btn {
- padding-top: .6em;
- font-family: @headingsFontFamily;
- font-weight: bold;
-}
-
-// MODALS
+// ALERTS, LABELS, BADGES
// -----------------------------------------------------
-.modal-header {
- border-bottom: none;
-}
-
-.modal-header,
-.modal-body {
- background-color: @navbarBackground;
-}
-
-.modal-footer {
- background-color: @bodyBackground;
+.label {
+ padding: 4px 4px 3px;
+ margin-left: 1px;
+ margin-right: 1px;
+ line-height: 26px;
+ font-weight: normal;
}
// MISCELLANEOUS
vertical-align: -2px;
}
-hr {
- border-bottom: none;
-}
-
-.progress {
- #gradient > .vertical(#e0e0e0, #e8e8e8);
-}
-
-.label {
- padding: 4px 4px 3px;
- margin-left: 1px;
- margin-right: 1px;
- line-height: 26px;
- font-weight: normal;
+.well {
+ .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
+ border: none;
}
.hero-unit {
.box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
}
-.well {
- .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
- border: none;
-}
-
.thumbnail {
padding: 10px;
background-color: @white;
}
-.breadcrumb {
- .box-shadow(@boxShadow~", "-1px -1px 0 rgba(0, 0, 0, 0.1));
- border: 0px solid transparent;
-
- li {
- padding-top: 5px;
- text-shadow: none;
- }
-
- a {
- text-shadow: none;
- }
-
- a:hover {
- text-decoration: none;
- }
+.progress {
+ #gradient > .vertical(#e0e0e0, #e8e8e8);
}
-.pagination {
-
- li > a {
- padding: 4px 14px 0;
- color: @textColor;
+.modal {
- &:hover {
- background-color: @dropdownLinkBackgroundHover;
- color: @linkColor;
- }
+ &-header {
+ border-bottom: none;
}
- li.active > a {
- background-color: @dropdownLinkBackgroundHover;
- color: @linkColor;
+ &-header,
+ &-body {
+ background-color: @navbarBackground;
}
-}
-
-@media (max-width: 979px) {
- .nav-collapse.collapse .navbar-form,
- .nav-collapse.collapse .navbar-search {
- border-top: 1px solid @grayLighter;
- border-bottom: 1px solid @grayLighter;
+ &-footer {
+ background-color: @bodyBackground;
}
}
+
+// MEDIA QUERIES
+// -----------------------------------------------------
projects / bootswatch / blobdiff