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开发服务器.
这似乎解决了这个问题.我不确定这是否是一个永久修复,所以我会在我将这个问题标记为已回答之前等待. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |