加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ruby-on-rails – 某些bootstrap-sass(v2.0.3)变量的自定义值无

发布时间:2020-12-16 19:13:01 所属栏目:百科 来源:网络整理
导读:我试图覆盖bootstrap提供的一些默认变量,特别是一些默认的颜色和字体设置,但只有少数它们似乎生效.这是我的custom.css.scss的顶部: $myOrange:#f89406;$myBlueDark: #304269;$myBlue: #91BED4;$myBlueLight: #D9E8F5;$myWhite: #eee;$myGrayBlue: #43464C;/
我试图覆盖bootstrap提供的一些默认变量,特别是一些默认的颜色和字体设置,但只有少数它们似乎生效.这是我的custom.css.scss的顶部:
$myOrange:#f89406;
$myBlueDark: #304269;
$myBlue: #91BED4;
$myBlueLight: #D9E8F5;
$myWhite: #eee;
$myGrayBlue: #43464C;

/* colors */
$linkColor: $myBlueDark;
$navbarBackground: $myBlueDark;
$navbarBackgroundHighlight: lighten($navbarBackground,10);
$navbarLinkColor: darken($myOrange,10);
$navbarLinkColorHover: $myOrange;
$bodyBackground: #000;
$dropdownBackground: $myBlueDark;
$dropdownLinkColor: $myOrange;
$hrBorder: $myBlue;
$heroUnitBackground: lighten($myOrange,20);
$dropdownLinkColorHover: $myOrange;

/* typography */
$sansFontFamily: 'PT Sans Narrow','Lucida Grande',serif;
$baseFontSize: 16px;

@import 'bootstrap';

// ... rest of the css ....

这里我为一些引导变量指定了值,并期望字体是指定的字体,链接颜色是我设置它们的值.

但是,我注意到这些值中只有少数有效.例如.我的页面上的字体仍保持默认引导(Helvetica Neue),但导航栏颜色更改为正确的值.

我在互联网上搜索过,但我找不到任何解决方案.记录的问题类似于此问题,但此后已关闭:https://github.com/thomas-mcdonald/bootstrap-sass/issues/102

我会继续评论那个帖子,但我只是想确保我没有遗漏一些东西.

另外需要注意的是,当我稍后在custom.css.scss中明确地执行此操作时:

@mixin default_font {
  font-family: "PT Sans Narrow","Lucida Grande",sans-serif;
  font-weight: 400;
}

body {
  padding-top: 60px;
  background-color: #D9E8F5;

  @include default_font;
}

字体显示正常.由于同样的问题,我在这里指定背景颜色.

我正在使用bootstrap-sass v2.0.3.有什么我做错了或错过了吗?

谢谢.

解决方法

我正在开发一个演示应用程序来重现我的问题: https://github.com/verma/bootstrap-sass-tests我重新启动了rails开发服务器.

这似乎解决了这个问题.我不确定这是否是一个永久修复,所以我会在我将这个问题标记为已回答之前等待.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读