相关疑难解决方法(0)

如何在编译CSS时覆盖SCSS变量

我正在尝试使用基于SASS和COMPASS的jqtouch主题.我有一个文件custom.scss,其中包含最简单的代码,一个导入和一个要覆盖的变量:

@import 'jqtouch';

// Override variables
$base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/
Run Code Online (Sandbox Code Playgroud)

当我现在将scss文件编译为css时,它基本上只用我的文件名生成jqtouch css.颜色规范无处可见,尽管变量是每个文档(官方指南)和jqtouch.scss文件中的definitley正确,我导入用于costumizing.

我在Windows机器上运行Sass 3.2.9和Compass 0.12.2.

我已经尝试了更多的变量和不同的文件导入,但结果总是,我的覆盖值没有合并.

指南针的ruby配置文件似乎是不可靠的.

有没有人知道过程中出了什么问题,以便忽略我的覆盖值?

sass jqtouch compass-sass

53
推荐指数
1
解决办法
5万
查看次数

如何使用SASS扩展/修改(自定义)Bootstrap 4

我想基于Bootstrap创建一个网站主题.我想扩展Bootstrap的默认组件并更改其中的一些组件.为此,我需要访问 Bootstrap定义的SASS变量,以便我可以覆盖它们.

我虽然从GitHub克隆Bootstrap并直接更改它,但我听说这实际上不是很好的做法.你能给我一些建议吗?

sass twitter-bootstrap bootstrap-4

12
推荐指数
2
解决办法
1万
查看次数

为 Bootstrap 4 创建自定义网格编号 (24)

我有一个项目,我想将一些引导程序集成到我的 html 文件中以进行 ui 开发。我知道标准网格大小是 12,我想将网格空间的数量从 12 更改为 24。我知道有一种方法可以从文档中做到这一点,但我不知道如何将它集成到哪里。

这是引导程序文档

$grid-columns:               12 !default;
$grid-gutter-width-base:     30px !default;
$grid-gutter-widths: (
  xs: $grid-gutter-width-base,
  sm: $grid-gutter-width-base,
  md: $grid-gutter-width-base,
  lg: $grid-gutter-width-base,
  xl: $grid-gutter-width-base
) !default;
Run Code Online (Sandbox Code Playgroud)

我在哪里把它放在我的代码中。

CSS file
HTML file
Js file
....
Run Code Online (Sandbox Code Playgroud)

html css sass twitter-bootstrap bootstrap-4

0
推荐指数
1
解决办法
3194
查看次数