首页 文章
  • 1 votes
     answers
     views

    计算的CSS字体家族无视我

    我有一个rails项目我正在使用bootstrap指南针 . 默认字体系列为: “Helvetica Neue”,Helvetica,Arial,sans-serif 但是我的字体显示在 Times 中 . 如果您查看从Chrome中的"computed style"部分获取的此屏幕截图,您可以看到是,它将其视为我的字体系列,但无论如何都会呈现时间 . 这甚至不是san-s...
  • 2 votes
     answers
     views

    使用Zurb Foundation,如何在没有弃用警告的情况下在网格大小中创建断点?

    tl;dr; 我已经实现了一种在媒体查询中重新生成Foundation的网格的方法 . 但它会导致Sass弃用警告 . 有没有更好的实现来实现我的目标? The goal 我想使用媒体查询更改不同响应断点的总网格宽度(从而更改网格中的每个列大小) . 例如,我想要一个用于平板电脑的小网格(总宽度为768px),但是需要一个用于大型桌面的大网格(总宽度为1200px) . Twitter Boot...
  • 3 votes
     answers
     views

    Sass - 用变量设置变量[重复]

    这个问题在这里已有答案: Creating or referencing variables dynamically in Sass 5个答案 我希望得到一个可靠的答案,是否有可能根据另一个变量的值引用变量 . 这在PHP(以及其他)中是可能的 . 示例(在Sass中): 我想将border-color设置为$ green(或$ blue,$ yellow等),这些变量是部分包含的变量 . 我...
  • 0 votes
     answers
     views

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

    我是sass和compas的新手,我正在尝试优化我的代码 . 我想分离我的css文件,因此我可以将页面特定的css文件仅包含在需要它们的页面中 . 例如 <link rel="stylesheet" href="stylesheets/global.css" /> <link rel="stylesheet" href=...
  • 46 votes
     answers
     views

    罗盘和萨斯之间的区别?

    我知道这是一个愚蠢的问题,但我一直在搜索谷歌,我找不到任何答案:/那么SASS和指南针,SASS和SCSS之间有什么区别?我对此感到非常困惑 . 谢谢你的任何信息:)
  • 0 votes
     answers
     views

    基于SASS课程的主题

    我正试图想出一种使用SASS创建基于类的主题的方法,但由于我是新手,我不知道它是否有效或者知道我的尝试是否值得 . 我希望主题基于在HTML或Body标签上设置的类 . 然后所有颜色和背景等都来自于此 . 我想要SASS做的就是处理所有腿部工作 . 请原谅粗略的例子,因为我说我是新手: $baseBackground: #0f0; .blue { $baseBackground: #0...
  • 0 votes
     answers
     views

    使用Twitter Bootstrap与Rails 2.3应用程序

    我们有一个带SASS的Rails 2.3应用程序,并希望使用Twitter Bootstrap . 我们使用Jammit打包我们的JavaScript和CSS(由Compass生成之后) . 有关如何将Twitter Bootstrap(和LESS)与我们的应用程序集成的简单方法(或说明)吗?我似乎只能找到Rails 3.x资产管道的例子......
  • 0 votes
     answers
     views

    sass / compass只从文件中导入特定的mixin

    _partial/_mixins.sass page/generic.sass @import "_partial/mixins" page/specific.sass @import "_partial/mixins" 我正在使用 SASS 和 Compass ,我现在有一个轻微的架构问题,因为我将所有 mixins 放入一个文件中 . 现在...
  • 22 votes
     answers
     views

    使用FontAwesome和Sass

    我'm trying to use FontAwesome in a web Compass project. As there'在FontAwesome page中没有具体的文档,我'm not using Bootstrap, I'遵循"Not using Bootstrap?"方向,但无法使其正常工作 . 输出 我没有发现任何特定错误,无论是找不到还是编译错误 . 它只是...
  • 0 votes
     answers
     views

    Rem在Susy Grid设置中

    我使用Susy构建了一个站点,并且在em中指定了网格,但由于遇到了问题,我需要更改网格设置以使用rems . 我在html上设置的基本字体大小是16px,这是Susy网格设置的设置: $total-columns : 16 $column-width : remCalc(51.25px) $gutter-width : remCalc(10px) $grid-padding ...
  • 1 votes
     answers
     views

    前导边框和adjust-font-size-to

    我得到了以下示例:http://sassmeister.com/gist/fd882d54a8ad505e2188基于这篇文章: http://atendesigngroup.com/blog/vertical-rhythm-compass 一直到.meta元素处于完美的垂直节奏 . 但是.meta元素失去了节奏 . 我尝试了一些事情并设法将错误限制为 @include adjust-font-s...
  • 2 votes
     answers
     views

    Rem / Em混乱

    我今天在一个新网站上玩过em / rem的游戏,并且有几件我想在这里讨论/询问的事情 . 多年来,我一直是一个完全基于像素的人,在需要时会有几个百分比 . 我一直在读,em和rem是“应该是网络的方式” . 公平足够,这就是为什么我今天放弃了 . 所以,首先要做的事情 . 对于尺寸而言,使用em / rem的意义仅仅是为了改变相对于主要字体大小的事物的尺寸吗? 如果是这样,那么在什么情况下你会改变...
  • 1 votes
     answers
     views

    使用Angular 2 CLI进行SASS Mixins

    我很高兴看到新的Angular CLI工具,我正在调整我的MEAN堆栈以使用它的文件夹结构 . 我设置我的应用程序使用SCSS而不是css,因为我喜欢SASS . 但是,应该作为全局工作的主要styles.scss似乎不会在mixins中加载以用于其他scss文件 . 我的styles.scss看起来像这样: STYLES.SCSS //Compass Import @import &qu...
  • 1 votes
     answers
     views

    Angular 2 CLI Sass中的Mixins

    我安装了Angular 2 CLI和SCSS的设置 . 它现在在生成组件时使用scss,我在我的src目录的根目录中的style.scss文件中给出...完美,准备好了 但是,在我的components.scss中,我想使用一些混音器,如Breakpoint和Susy . 当我使用import语句时,例如: @import "~susy"; @import "~bre...
  • 163 votes
     answers
     views

    什么是指南针,什么是sass ......它们有什么不同?

    我想开始使用指南针和sass来加速开发 . 目前,我已经在Mac上安装了Sass,并指示它观看输入的scss文件,以及生成输出的css文件 . 从许多文章中,Sass与Compass一起使用,我想知道为什么会这样,而Compass又补充说Sass没有?如果你能举个例子,那就更好了 . 谢谢
  • 0 votes
     answers
     views

    Symfony 2.7 Sass Assetic不会创建任何样式或文件

    我想在我的Symfony 2.7 WebApp中使用基于 Sass 的样式 . 到目前为止,我已经使用 Compass 将Sass文件(不在 web/ 目录中,但在Bundles中)编译为CSS文件 . 这工作正常,但在新服务器上Ruby不可用,因此Compass不再是一个选项 . 在Symfony Docu之后,我将leafo / scssphp添加到项目中并在配置文件中激活: # app/co...
  • 1 votes
     answers
     views

    CSS3 Pie不能与SASS / Compass一起使用

    我无法让CSS3Pie工作 . 我已经在SO和Google上阅读了几篇帖子,但似乎无法让它发挥作用 . 我正在使用SASS和指南针编写我的CSS,所以我将在下面发布SCSS和CSS输出 . SCSS: $pie-behavior: url(PIE.htc); $pie-base-class: pie-element; #header{ background:#fff; width:$full-w...
  • 2 votes
     answers
     views

    基础4,指南针和SASS

    我正在使用Foundation 4,Compass和SASS(我使用Compass gem创建新项目) . 但是,我有点失落 . 我在哪里放置自己的scss文件? Compass创建一个包含的sass样式表目录 _settings.scss app.scss normalize.scss 我以模块化的方式工作,我有很多样式表,如导航,内容,页脚等 . 我在哪里包含我的scss文件?...
  • 0 votes
     answers
     views

    设置指南针/ sass项目

    当我年轻的时候,我尝试了CSS,然后过了一段时间,我的同伴们迫使我尝试使用SASS . 这是一个滑坡,推动者现在让我上了指南针 . 我真的不明白以下两个命令之间的区别 sass --compass --watch . compass watch . 由于我遇到第一个命令的问题,我尝试设置一个Compass项目并使用第二个 . 然而,这死了“ Undefined mixin 'backg...
  • 0 votes
     answers
     views

    Compass使用字符串输入编译

    我正在使用JRuby来使用罗盘来编译sass css 我知道如何使用指南针编译scss文件: compiler = Compass::Compiler.new( # Compass working directory '.', # Input directory 'styles/scss', ...
  • 3 votes
     answers
     views

    SASS错误:无法导入Compass

    我一直在这台电脑上使用sass和指南针几个月没有任何问题 . 另外,我的config.rb和sass目录总是以相同的方式设置,并且它们在我的所有项目中都是相同的 . 最近,当我构建sass时,我开始在Sublime中收到此错误: Sass::SyntaxError: File to import not found or unreadable: compass. 我的.scss文件的第一行是 @i...
  • 0 votes
     answers
     views

    SASS / Compass:从mixin继承

    在Ext JS 4中,他们添加了一种通过使用SASS / Compass覆盖默认着色方案的方法,所以我要做的是创建一个新的按钮样式,使用 extjs-button-ui ,然后将该样式应用于按钮 . 按钮的代码如下: xtype: 'button', text: 'should be orange', ui: 'orange' 我的SASS代码如下: $button-default-backgr...
  • 1 votes
     answers
     views

    在Sass中使用函数返回包含函数名称而不是结果的字符串

    我正在尝试Zurb Foundation 5 . 所以,我创建了一个新项目并尝试更改设置 . 当我在my-project / scss / settings.scss中更改,例如 $row-width: rem-calc(1170); 时,它(在my-project / stylesheets / app.css中)编译为: .row { max-width: rem-calc(1170); ...
  • 1 votes
     answers
     views

    使用Sass'Breakpoint Extension编写垂直媒体查询的首选方法

    使用Sass扩展断点,是否有一种首选方法来编写只有查询值的单个参数的垂直媒体查询? 这是我最终要完成的一个例子: @media (max-height: 50em) { .item { font-size: 2em; } } 或者,我应该为这些样式做一个简单的“即时”媒体查询,如: .item { @media (max-height: 50em) { font-si...
  • 1 votes
     answers
     views

    ZURB Foundation 4.2.3 - 指南针 - 顶栏不起作用

    模板在这里:http://foundation.zurb.com/page-templates4/marketing.html 我下载了这个模板并逐个下载了foundation.css,normalize.css和custom.modernizr,js 顶部栏似乎工作正常 . 我在zurb-foundation和指南针宝石上运行了更新,并创建了一个新的指南针项目 . 现在,当我使用该工作模板并将其...

热门问题