Css 吞咽ruby sass未定义的变量
我在windows 8上使用gulp ruby sass,在编译scss文件时,似乎没有拾取scss文件中定义的每个变量 所有变量都存储在这样的设置文件中Css 吞咽ruby sass未定义的变量,css,sass,gulp,Css,Sass,Gulp,我在windows 8上使用gulp ruby sass,在编译scss文件时,似乎没有拾取scss文件中定义的每个变量 所有变量都存储在这样的设置文件中 // ============================= // Global Default Variables // ============================= // Global Spacing Values List contains all multiples of the base-spacing-unit
// =============================
// Global Default Variables
// =============================
// Global Spacing Values List contains all multiples of the base-spacing-unit value you would like to generate
// within both your padding and margin utility partials.
// Note - Fractions will divide the base-spacing value, and values which are proceeded by an "x"
// multiply the base-spacing value. 0 will create instances which remove spacing.
$global-spacing-values: ("1/2", "1x", "2x", "3x", "0") !default;
// Global Spacing Directions Map contains all the spacing variations which are to be generated
// when calling the generate-spacing mixin.
// Example - t: (top) property called with Margin, would result in mar-t-* attributes being generated.
// Value Key:
// -t- = Top
// -b- = Bottom
// -l- = Left
// -r- = Right
// -e- = Ends (Top & Bottom)
// -s- = Sides (Left & Right)
$global-spacing-directions: (
t: (top),
b: (bottom),
l: (left),
r: (right),
e: (top, bottom),
s: (left, right)
) !default;
// Set Global Box Sizing Variable to true by default, so it takes effect on all elements.
// Note - Changing this value to false will result in only adding box-sizing to grid-item elements.
$global-box-sizing: true !default;
它们被这样引用
// =============================
// Base Reset Styling
// =============================
body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre,
dl, dd, ol, ul,
form, fieldset, legend,
table, th, td, caption,
hr {
margin: 0;
padding: 0;
}
// If Global Box Sizing Boolean is set to true, add box-sizing to all elements.
// Note - For alternative approach, view grids partial.
@if $global-box-sizing == true {
* {
&,
&:before,
&:after {
box-sizing: border-box;
}
}
}
我正在像这样将文件导入主文件
@import 'project/settings';
@import 'project/reset';
有没有人知道这个问题是由什么组成的,或者有没有人有过同样的经历
谢谢我有过类似的经历,但不是在windows上。文件命名是我的问题。你的文件名是什么?尝试以下操作:-从文件扩展名中删除.css,仅使用.scss扩展名-如果仍然不起作用,请尝试以下划线开头文件名