首页 文章

是否可以在使用共享mixins时在sass / compass中使用单独的css文件中的变量?

提问于
浏览
0

我是sass和compas的新手,我正在尝试优化我的代码 . 我想分离我的css文件,因此我可以将页面特定的css文件仅包含在需要它们的页面中 .

例如

<link rel="stylesheet" href="stylesheets/global.css" />
<link rel="stylesheet" href="stylesheets/thispage.css" />

我的全局sass文件包含几个部分字体,按钮等 . 每个部分包含部分包含我想在我的单个页面scss文件中扩展的mixins和变量,同时保持生成的页面特定的css文件分开 .

这可能吗?

1 回答

  • 2

    您不能在 .css 文件中包含变量 . 您可以在 .scss.sass 文件中执行此操作 . 并且您必须将包含变量的文件放入要使用它们的文件中 .

    例如,在 general.scss 中,您有:

    $blue = #00FFFF;
    

    你需要在另一个文件中使用它,你需要导入该文件:

    @import 'general';
    
    a {
      color: $blue;
    }
    

相关问题