Foundry Boilerplate

portal2.scss

@import "compass", 
	"blueprint", 
	"particle", 
	"particle/layout";

$default-asset-path: "/portals/_assets" !default;

// Colors
$default-primary-color: #860108 !default;
$default-secondary-color: #ECECEC !default;
$default-tertiary-color: #860108 !default;

$default-title-color: #a2ce54 !default;
$default-header-color: #444444 !default;
$default-subheader-color: #666666 !default;
$default-text-color: #555555 !default;
$default-alt-text-color: #777777 !default;
$default-subdued-text-color: #999999 !default;
$default-link-color: #318ab9 !default;
$default-link-hover-color: #3c9ccf !default;

// Borders
$default-border-color: transparent !default;
$default-border-darker-color: #222222 !default;
$default-border-shadow-color: #000000 !default;
$default-border-highlight-color: #444444 !default;

// Background
$default-bg-color: #ffffff !default;
$default-alt-bg-color: #111111 !default;
$default-use-bg-image: false !default;
$default-bg-image: "background.gif" !default;

// Content Background
$default-content-bg-color: #ffffff !default;
$default-content-bg-gradient-color: #222222 !default;
$default-use-content-bg-image: true !default;
$default-content-bg-image: "container.jpg" !default;

// Other Backgrounds
$default-nav-bg-color: #000000 !default;
$default-box-bg-color: #343434 !default;
$default-box-bg-gradient-color: #222222 !default;
$default-use-box-bg-image: true !default;
$default-box-bg-image: "alt-bg.svg.png" !default;
$default-highlight-bg-color: #141414 !default;
$default-use-highlight-image: true !default;
$default-highlight-image: "highlight-bg.svg.png" !default;

// Buttons
$default-button-bg-color: #000000 !default;
$default-button-bg-gradient-color: #333333 !default;

// Typography
$default-header-font: Helvetica, Arial, sans-serif !default;
$default-regular-font: Helvetica, Arial, sans-serif !default;
// Use font replacement for title
$default-use-font-replacement: true !default;
// Typeface for font replacement
$default-font-family: LeagueGothic !default;
// Color for font replacement
$default-fancy-text-color: #c7fc67 !default;
// Gradient color for font replacement
$default-fancy-text-gradient-color: #7a9c3f !default;


// Images
$default-use-reflections: false !default;
$default-use-logo-image: false !default;
$default-logo-image: "logo.png" !default;
$default-search-image: "search-onyx.gif" !default;


@mixin theme-name(
	$primary-color: $default-primary-color, 
	$secondary-color: $default-secondary-color, 
	$tertiary-color: $default-tertiary-color, 
	$title-color: $default-title-color, 
	$header-color: $default-header-color, 
	$subheader-color: $default-subheader-color, 
	$text-color: $default-text-color, 
	$alt-text-color: $default-alt-text-color, 
	$subdued-text-color: $default-subdued-text-color, 
	$link-color: $default-link-color, 
	$link-hover-color: $default-link-hover-color, 
	$border-color: $default-border-color, 
	$border-darker-color: $default-border-darker-color, 
	$border-shadow-color: $default-border-shadow-color, 
	$border-highlight-color: $default-border-highlight-color, 
	$bg-color: $default-bg-color, 
	$alt-bg-color: $default-alt-bg-color, 
	$bg-image: $default-bg-image, 
	$content-bg-color: $default-content-bg-color, 
	$content-bg-gradient-color: $default-content-bg-gradient-color, 
	$content-bg-image: $default-content-bg-image, 
	$box-bg-color: $default-box-bg-color, 
	$box-bg-gradient-color: $default-box-bg-gradient-color, 
	$use-box-bg-image: $default-use-box-bg-image, 
	$nav-bg-color: $default-nav-bg-color, 
	$box-bg-image: $default-box-bg-image, 
	$highlight-bg-color: $default-highlight-bg-color, 
	$highlight-image: $default-highlight-image, 
	$button-bg-color: $default-button-bg-color, 
	$button-bg-gradient-color: $default-button-bg-gradient-color, 
	$header-font: $default-header-font, 
	$regular-font: $default-regular-font, 
	$font-family: $default-font-family, 
	$fancy-text-color: $default-fancy-text-color, 
	$fancy-text-gradient-color: $default-fancy-text-gradient-color, 
	$logo-image: $default-logo-image, 
	$search-image: $default-search-image 
) {

}

@include theme-name;