-// Readable 3.0.2
+// Readable 3.0.3
// Variables
// --------------------------------------------------
@gray-darker: lighten(#000, 13.5%); // #222
@gray-dark: lighten(#000, 20%); // #333
@gray: lighten(#000, 33.5%); // #555
-@gray-light: lighten(#000, 60%); // #999
+@gray-light: lighten(#000, 70%); // #999
@gray-lighter: lighten(#000, 93.5%); // #eee
// Brand colors
// -------------------------
-@brand-primary: #428bca;
+@brand-primary: #4582EC;
@brand-success: #5cb85c;
@brand-warning: #f0ad4e;
@brand-danger: #d9534f;
// Scaffolding
// -------------------------
-@body-bg: #f9f9f9;
+@body-bg: #fff;
@text-color: @gray-dark;
// Links
// -------------------------
@link-color: @brand-primary;
-@link-hover-color: @link-color;
+@link-hover-color: darken(@link-color, 20%);
// Typography
// -------------------------
-@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
-@font-family-serif: "Lora", Georgia, "Times New Roman", Times, serif;
-@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
+@font-family-sans-serif: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif: Georgia, "Times New Roman", Times, serif;
+@font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
@font-family-base: @font-family-serif;
-@font-size-base: 17px;
+@font-size-base: 16px;
@font-size-large: ceil(@font-size-base * 1.25); // ~18px
@font-size-small: ceil(@font-size-base * 0.85); // ~12px
@line-height-base: 1.428571429; // 20/14
@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
-@headings-font-family: @font-family-base;
+@headings-font-family: @font-family-sans-serif;
@headings-font-weight: bold;
@headings-line-height: 1.1;
@headings-color: inherit;
@padding-small-vertical: 5px;
@padding-small-horizontal: 10px;
+@padding-xs-vertical: 1px;
+@padding-xs-horizontal: 5px;
+
@line-height-large: 1.33;
@line-height-small: 1.5;
@input-color-placeholder: @gray-light;
@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
-@input-height-large: (ceil(@font-size-large * @line-height-base) + (@padding-large-vertical * 2) + 2);
-@input-height-small: (ceil(@font-size-small * @line-height-base) + (@padding-small-vertical * 2) + 2);
+@input-height-large: (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
+@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
@legend-color: @text-color;
@legend-border-color: #e5e5e5;
@dropdown-header-color: @text-muted;
-@dropdown-caret-color: #000;
-
// COMPONENT VARIABLES
// --------------------------------------------------
@grid-columns: 12;
// Padding, to be divided by two and applied to the left and right of all columns
@grid-gutter-width: 30px;
-// Point at which the navbar stops collapsing
+
+// Navbar collapse
+
+// Point at which the navbar becomes uncollapsed
@grid-float-breakpoint: @screen-sm-min;
+// Point at which the navbar begins collapsing
+@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
// Navbar
@navbar-padding-horizontal: floor(@grid-gutter-width / 2);
@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
-@navbar-default-color: @gray;
+@navbar-default-color: @text-color;
@navbar-default-bg: @body-bg;
-@navbar-default-border: darken(@navbar-default-bg, 6.5%);
+@navbar-default-border: transparent;
// Navbar links
-@navbar-default-link-color: @navbar-default-color;
-@navbar-default-link-hover-color: @gray-dark;
+@navbar-default-link-color: @link-color;
+@navbar-default-link-hover-color: @link-hover-color;
@navbar-default-link-hover-bg: transparent;
-@navbar-default-link-active-color: @navbar-default-link-hover-color;
-@navbar-default-link-active-bg: darken(@navbar-default-bg, 10%);
+@navbar-default-link-active-color: @navbar-default-link-color;
+@navbar-default-link-active-bg: transparent;
@navbar-default-link-disabled-color: #333;
@navbar-default-link-disabled-bg: transparent;
// Reset inverted navbar basics
@navbar-inverse-color: @gray-light;
@navbar-inverse-bg: @text-color;
-@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-border: transparent;
// Inverted navbar links
@navbar-inverse-link-color: @gray-light;
@navbar-inverse-link-hover-color: #fff;
@navbar-inverse-link-hover-bg: transparent;
-@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
-@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-link-active-color: @navbar-inverse-link-color;
+@navbar-inverse-link-active-bg: transparent;
@navbar-inverse-link-disabled-color: #ccc;
@navbar-inverse-link-disabled-bg: transparent;
@nav-disabled-link-hover-color: @gray-light;
@nav-open-link-hover-color: #fff;
-@nav-open-caret-border-color: #fff;
// Tabs
@nav-tabs-border-color: #ddd;
// Form states and alerts
// -------------------------
-@state-success-text: #468847;
+@state-success-text: @brand-success;
@state-success-bg: #dff0d8;
-@state-success-border: darken(spin(@state-success-bg, -10), 5%);
+@state-success-border: @brand-success;
-@state-info-text: #3a87ad;
+@state-info-text: @brand-info;
@state-info-bg: #d9edf7;
-@state-info-border: darken(spin(@state-info-bg, -10), 7%);
+@state-info-border: @brand-info;
-@state-warning-text: #c09853;
+@state-warning-text: @brand-warning;
@state-warning-bg: #fcf8e3;
-@state-warning-border: darken(spin(@state-warning-bg, -10), 3%);
+@state-warning-border: @brand-warning;
-@state-danger-text: #b94a48;
+@state-danger-text: @brand-danger;
@state-danger-bg: #f2dede;
-@state-danger-border: darken(spin(@state-danger-bg, -10), 3%);
+@state-danger-border: @brand-danger;
// Tooltips
@alert-border-radius: @border-radius-base;
@alert-link-font-weight: bold;
-@alert-success-bg: @state-success-bg;
-@alert-success-text: @state-success-text;
+@alert-success-bg: @state-success-border;
+@alert-success-text: #fff;
@alert-success-border: @state-success-border;
-@alert-info-bg: @state-info-bg;
-@alert-info-text: @state-info-text;
+@alert-info-bg: @state-info-border;
+@alert-info-text: #fff;
@alert-info-border: @state-info-border;
-@alert-warning-bg: @state-warning-bg;
-@alert-warning-text: @state-warning-text;
+@alert-warning-bg: @state-warning-border;
+@alert-warning-text: #fff;
@alert-warning-border: @state-warning-border;
-@alert-danger-bg: @state-danger-bg;
-@alert-danger-text: @state-danger-text;
+@alert-danger-bg: @state-danger-border;
+@alert-danger-text: #fff;
@alert-danger-border: @state-danger-border;
@panel-success-text: @state-success-text;
@panel-success-border: @state-success-border;
-@panel-success-heading-bg: @state-success-bg;
+@panel-success-heading-bg: @state-success-border;
@panel-warning-text: @state-warning-text;
@panel-warning-border: @state-warning-border;
-@panel-warning-heading-bg: @state-warning-bg;
+@panel-warning-heading-bg: @state-warning-border;
@panel-danger-text: @state-danger-text;
@panel-danger-border: @state-danger-border;
-@panel-danger-heading-bg: @state-danger-bg;
+@panel-danger-heading-bg: @state-danger-border;
@panel-info-text: @state-info-text;
@panel-info-border: @state-info-border;
-@panel-info-heading-bg: @state-info-bg;
+@panel-info-heading-bg: @state-info-border;
// Thumbnails