Permalink
Browse files

Move Sass variables into overridable file

Fixes #1641

This will allow designers to customize the variables that Spree uses, while still keeping the base rules inside of screen.css.scss
  • Loading branch information...
1 parent e5f478a commit 4ea6ad80f0e3adda54efcd26bf16ac43ac5bab3d @radar radar committed Jun 7, 2012
View
58 core/app/assets/stylesheets/store/screen.css.scss
@@ -1,60 +1,4 @@
-/*--------------------------------------*/
-/* Colors
-/*--------------------------------------*/
-$c_green: #8dba53; /* Spree green */
-$c_red: #e45353; /* Error red */
-
-$layout_background_color: #FFFFFF;
-$title_text_color: #404042;
-$body_text_color: #404042;
-$link_text_color: #00ADEE;
-
-$product_background_color: #FFFFFF;
-$product_title_text_color: #404042;
-$product_body_text_color: #404042;
-$product_link_text_color: #BBBBBB;
-
-/*--------------------------------------*/
-/* Fonts import from remote
-/*--------------------------------------*/
-@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic|&subset=latin,cyrillic,greek,greek-ext,latin-ext,cyrillic-ext);
-
-/*--------------------------------------*/
-/* Font families
-/*--------------------------------------*/
-$ff_base: 'Ubuntu', sans-serif;
-
-/*--------------------------------------
- | Font sizes
- |--------------------------------------
- |- Navigation
- | */
- $header_navigation_font_size: 14px;
- $horizontal_navigation_font_size: 16px;
- $main_navigation_header_font_size: 14px;
- $main_navigation_font_size: 12px;
-/*|------------------------------------
- |- Product Listing
- | */
- $product_list_name_font_size: 12px;
- $product_list_price_font_size: 16px;
- $product_list_header_font_size: 20px;
- $product_list_search_font_size: 14px;
-/*|------------------------------------
- |- Product Details
- | */
- $product_detail_name_font_size: 24px;
- $product_detail_description_font_size: 12px;
- $product_detail_price_font_size: 20px;
- $product_detail_title_font_size: 14px;
-/*|------------------------------------
- |- Basic
- | */
- $heading_font_size: 24px;
- $sub_heading_font_size: 14px;
- $button_font_size: 12px;
- $input_box_font_size: 13px;
- $base_font_size: 12px;
+@import "store/variables";
/*--------------------------------------*/
/* Basic styles
View
57 core/app/assets/stylesheets/store/variables.css.scss
@@ -0,0 +1,57 @@
+/*--------------------------------------*/
+/* Colors
+/*--------------------------------------*/
+$c_green: #8dba53; /* Spree green */
+$c_red: #e45353; /* Error red */
+
+$layout_background_color: #FFFFFF;
+$title_text_color: #404042;
+$body_text_color: #404042;
+$link_text_color: #00ADEE;
+
+$product_background_color: #FFFFFF;
+$product_title_text_color: #404042;
+$product_body_text_color: #404042;
+$product_link_text_color: #BBBBBB;
+
+/*--------------------------------------*/
+/* Fonts import from remote
+/*--------------------------------------*/
+@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700,400italic,700italic|&subset=latin,cyrillic,greek,greek-ext,latin-ext,cyrillic-ext);
+
+/*--------------------------------------*/
+/* Font families
+/*--------------------------------------*/
+$ff_base: 'Ubuntu', sans-serif;
+
+/*--------------------------------------
+ | Font sizes
+ |--------------------------------------
+ |- Navigation
+ | */
+ $header_navigation_font_size: 14px;
+ $horizontal_navigation_font_size: 16px;
+ $main_navigation_header_font_size: 14px;
+ $main_navigation_font_size: 12px;
+/*|------------------------------------
+ |- Product Listing
+ | */
+ $product_list_name_font_size: 12px;
+ $product_list_price_font_size: 16px;
+ $product_list_header_font_size: 20px;
+ $product_list_search_font_size: 14px;
+/*|------------------------------------
+ |- Product Details
+ | */
+ $product_detail_name_font_size: 24px;
+ $product_detail_description_font_size: 12px;
+ $product_detail_price_font_size: 20px;
+ $product_detail_title_font_size: 14px;
+/*|------------------------------------
+ |- Basic
+ | */
+ $heading_font_size: 24px;
+ $sub_heading_font_size: 14px;
+ $button_font_size: 12px;
+ $input_box_font_size: 13px;
+ $base_font_size: 12px;

0 comments on commit 4ea6ad8

Please sign in to comment.