Sass：語法錯誤自定義顏色無效的CSS錯誤

-1

我目前正在通過教程學習Ruby on Rails，並且在使用博客模板在custom.css.scss中設置Bootstrap自定義顏色後，我得到此無效CSS錯誤。Sass：語法錯誤自定義顏色無效的CSS錯誤

如果我刪除前三行，但我不明白髮生了什麼，錯誤消失。

$navbar-default-bg: $312312; 
$light-orange: #ff8c00; 
$navbar-default-color: $light-orange; 

@import "bootstrap-sprockets"; 
@import "bootstrap";

這是我的寶石設置。

source 'https://rubygems.org' 

gem 'rails', '4.1.6' 
gem 'sqlite3' 
gem 'sass-rails', '~> 4.0.3' 
gem 'bootstrap-sass', '~> 3.3.1' 
gem 'uglifier', '>= 1.3.0' 
gem 'coffee-rails', '~> 4.0.0' 
gem 'jquery-rails' 
gem 'turbolinks' 
gem 'jbuilder', '~> 2.0' 
gem 'sdoc', '~> 0.4.0',   group: :doc 
gem 'spring',  group: :development

錯誤代碼

Invalid CSS after "...ar-default-bg: ": expected expression (e.g. 1px, bold), was "$312312;" 
(in /Users/wraithseeker/Desktop/blog/app/assets/stylesheets/custom.css.scss:1) 

<html> 
<head> 
<title>RecipeBox</title> 
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
<%= csrf_meta_tags %> 
</head>

來源

2015-09-08 Wraithseeker