Skip to content

Instantly share code, notes, and snippets.

@nhall
Last active August 29, 2015 13:56
Show Gist options
  • Save nhall/9086488 to your computer and use it in GitHub Desktop.
Save nhall/9086488 to your computer and use it in GitHub Desktop.
Sample Sass _config.scss partial
/* _config.scss v1.0.0 */
// Vendor Dependencies
// ==========================================================================
@import "compass";
// Site attributes
// ==========================================================================
$attr_border_box: true !default;
$attr_responsive: true !default;
$attr_meganav: true !default;
$attr_athletics: false !default;
$attr_international: true !default;
$attr_district: true !default;
// Asset paths
// ==========================================================================
$layout_directory: '/uploaded/layouts/default/';
$image_directory: $layout_directory + 'images/';
$font_directory: $layout_directory + 'fonts/';
// Fonts
// ==========================================================================
// 1. $font_family_sans1 and $font_family_serif1 set in _fonts.scss partial
// where fonts are imported and named.
$font_family_sans: $font_family_sans1; // 1
$font_family_serif: $font_family_serif1; // 1
$font_family_monospace: Menlo, Monaco, Consolas, "Courier New", monospace;
$font_family_base: $font_family_sans;
// Colors
// ==========================================================================
$color_theme: #001e3d; // blue
$color_theme_alt: #9e2432; // red
//$color_theme_alt2: ;
$color_accent: #76aef2; // light blue
//$color_accent2: ;
//$color_accent3: ;
$color_neutral: #00000e; // black
$color_neutral2: lighten($color_neutral, 20% ); // grey 1
$color_neutral3: lighten($color_neutral, 40% ); // grey 2
$color_neutral4: lighten($color_neutral, 60% ); // grey 3
$color_neutral5: lighten($color_neutral, 80% ); // grey 4
// Columns
// ==========================================================================
$column_container_width: 980;
$column_primary_width: 500;
$column_secondary_width: 240;
$column_tertiary_width: 240;
// Responsive
// ==========================================================================
// 1. Media query support for IE<9
@if $attr_responsive == true {
$break_small: 400;
$break_medium: 600;
$break_large: 900;
$fix_mqs: false !default; // 1
$old_ie: false !default; // 1
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment