gistfile1.scss

// Public SCSS file which is included in my public.html.erb layout

@import 'base';
@import 'global';
@import 'public/**/*';

//  Header Styles
//  *************************************
 
.header-search {
  padding-top: calc-em(10px);
  .form-inline {
    margin-bottom: 0; 
   }
}
 
// _base.scss which is in partials/_base.scss

// GLOBAL VALUES
// --------------------------------------------------


// Grays
$black:                            #000;
$grayDarker:                       #222;
$grayDark:                         #333;
$grayMedium:                       #999;
$gray:                             #CCC;
$grayLight:                        #b5b5b5;
$grayLighter:                      #eee;
$white:                            #fff;
      
// Browns
$lightBrown:                       #edeae3;
$mediumBrown:                      #89867F;
$darkBrown:                        #63605a;      
      
      
// Accent colors                   
$blue:                             #49889b;
$blueDark:                         #0064cd;
$blueMuted:                        #7ea1ac;
$blueLight:                        #51B7D8;
$green:                            #46a546;
$red:                              #7f2920;
$yellow:                           #ffc40d;
$orange:                           #f89406;
$pink:                             #c3325f;
$purple:                           #7a43b6;

// Background
$backgroundColor:                  $lightBrown;

// Links
$linkColor:                        $blue;
$linkColorHover:                   darken($linkColor, 15%);
      
// Typography                    
$baseFontSize:                     14px;
$baseFontFamily:                   "pt-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
$headlineFontFamily:               "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
$accentFontFamily:                 "minion-pro", Times, "Times New Roman", serif;
$baseLineHeight:                   21px;
$textColor:                        $darkBrown;

// Buttons
// -------------------------
$btnBackground:                     $blueMuted;

$btnPrimaryBackground:              $blue;

$btnInfoBackground:                 $blueLight;

$btnSuccessBackground:              #62c462;

$btnWarningBackground:              lighten($orange, 15%);

$btnDangerBackground:               #ee5f5b;

$btnInverseBackground:              #444;

//Borders
$borderColor:                      $gray;


// COMPONENT VARIABLES
// --------------------------------------------------

// Input placeholder text color
$placeholderText:                 $grayLight;

// HR border color
$hrBorder:                        $gray;

// Navbar
$navbarHeight:                    85px;
$navbarBackground:                $darkBrown;
$navbarBackgroundHighlight:       $grayDark;
$navbarLinkBackgroundHover:       transparent;
$navbarLinkColor:                 $white;
$navbarSecondaryLinkColor:        $mediumBrown;

$navbarText:                      $white;
$navbarLinkColor:                 $white;
$navbarLinkColorHover:            $white;

// Form states and alerts
$warningText:                     #c09853;
$warningBackground:               #fcf8e3;
$warningBorder:                   darken(adjust-hue($warningBackground, -10), 3%);
          
$errorText:                       #b94a48;
$errorBackground:                 #f2dede;
$errorBorder:                     darken(adjust-hue($errorBackground, -10), 3%);
          
$successText:                     #468847;
$successBackground:               #dff0d8;
$successBorder:                   darken(adjust-hue($successBackground, -10), 5%);
          
$infoText:                        #3a87ad;
$infoBackground:                  #d9edf7;
$infoBorder:                      darken(adjust-hue($infoBackground, -10), 7%);

$badgeBackground:                 #97948D;


// GRID
// --------------------------------------------------
 
// Default 940px grid
$gridColumns:             32;
$gridColumnWidth:         20px;
$gridGutterWidth:         10px;
$gridRowWidth:            ($gridColumns * $gridColumnWidth) + ($gridGutterWidth * ($gridColumns - 1)) !default;


// Imports & Includes
// **************************************************
// **************************************************


// Twitter Bootstrap
@import "bootstrap";
@import "bootstrap/overrides";
@import "bootstrap/datepicker";
@import "bootstrap/timepicker";

//Compass Mixins
@import "compass/css3";

// My Mixins
@import "partials/custom_mixins";
@import "partials/layouts";
@import "partials/globals";

@import "partials/modules";
@import "partials/font_awesome";

// Vendored
@import "uploadify";
@import "pikaday";
@import "timepicker";