improved scss variables
This commit is contained in:
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user