improved scss variables

This commit is contained in:
TMMeilleur
2013-11-06 15:41:00 +02:00
parent fcb225ac5a
commit 211c36c7a3
63 changed files with 1073 additions and 1241 deletions
@@ -1,21 +1,112 @@
@import 'compass';
@import 'bootstrap_lib/_variables';
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
//------- FONTS
$font-famaly: Arial, Helvetica, sans-serif;
$font: normal 13px/18px $font-famaly;
$font-custom: 'Open Sans', sans-serif;
$font-icon: "FontAwesome";
//-------- BORDERS
$base-border-color: #d6d4d4;
$main_border: 1px solid $base-border-color;
$dark-border-color: #333;
$light-border-color: #fff;
// Boxes
//--------- BACKGROUNDS
// -------------------------
$base-box-bg: #fbfbfb;
$base-box-padding: 14px 18px 13px;
$base-box-indent: 0 0 30px 0;
$font:normal 13px/18px Arial, Helvetica, sans-serif;
$font-custom:'Open Sans', sans-serif;
$font1:FontAwesome;
$base-box-bg: #fbfbfb;
$table-background: $base-box-bg;
$dark-background: #333;
$light-background: #fff;
//--------- COLORS
$base-body-color: #777;
$base-text-color: #333;
$base-heading-color: #555454;
$base-title-color: $base-text-color;
$light-text-color: #fff;
$link-color: $link-color;
$link-hover-color: $link-hover-color;
$description-color: #666;
//--------- Indents
//--------------------------
$base-page-indent: $grid-gutter-width;
$base-box-padding: 14px 18px 13px;
$base-box-indent: 0 0 30px 0;
//---------- Product Elements
//---------------------------
$product-name-color: #3a3939;
$product-name-hover-color: #515151;
$price-color: $base-body-color;
$product-price-color: $base-text-color;
$product-reduced-price: #f00;
$product-special-price-color: #f13340;
$product-old-price-color: #6f6f6f;
//---------- Buttons
//----------------------------
$button-text-color: $light-text-color;
//------ Buttons +/- ---
$button-pm-color: #c0c0c0;
$button-pm-hover-color: $base-text-color;
//------ Button Small --
$button-small-bg: #6f6f6f;
$button-small-hover-bg: #575757;
//-------Button exclusive-medium
$button-em-color: $base-text-color;
//---------- Product Listing
//--------------------------
$base-listing-border-color: $base-border-color;
$base-listing-grid-padding: $base-box-padding;
//-------------- Grid/List vars
//---------------------------
$GL-text-color: #808080;
$GL-title-color: $base-text-color;
$GL-icon-color: #e1e0e0;
$GL-icon-color-hover: $base-text-color;
//-------------- Pagination vars
//------------------------------
$pagination-prevnext-color: #777676;
$pagination-bgcolor: $base-box-bg;
$pagination-hover-bg: #f6f6f6;
//---------- Product Info
//--------------------------
$top-line-color: #C4C4C4;
$product-image-border: #dbdbdb;
$scroll-button-color: #c0c0c0;
$list-info-bg: #f6f6f6;
$scroll-button-hover-color: $base-text-color;
$tr-even-bg: #fdfdfd;
//sub heading (h2,h3) define
@mixin sub-heading {
color: #555454;
color: $base-heading-color;
text-transform: uppercase;
font-family:$font-custom;
font-weight: 600;
@@ -24,25 +115,8 @@ $font1:FontAwesome;
padding:14px 20px 17px;
margin: 0 0 20px;
position: relative;
border:1px solid #d6d4d4;
border:1px solid $base-border-color;
border-bottom:none;
background:#fbfbfb;
background:$base-box-bg;
}
//main border define
$main_border:1px solid $base-border-color;
// Indents
//--------------------------
$base-page-indent: $grid-gutter-width;
// Product Elements
//--------------------------
$product-name-color: #3a3939;
$product-name-hover-color: #f13340;
// Product Listing
//--------------------------
$base-listing-border-color: $base-border-color;
$base-listing-grid-padding: 14px 18px 13px;
}