标签: sass

我试图让类li中的第一个元素具有红色背景，但它不起作用。我确信我错过了一些简单的事情，但是什么呢？ulbreadcrumbs

.breadcrumbs {
            margin-left:-30px;
            p {
                display:inline;
            }
            li {
                display:inline;
                &::before {
                    content:'>> ';
                }

            }   
            &:first-of-type li {
                background:$red;                                
            }                   
        }

sass:SyntaxError:undefined mixin'golbal-reset'

我遇到上面的代码错误.

+全球复位

并且,代码在文件中,styleshees/sass/admin/main

谢谢

我试图在我的rails应用程序中执行以下操作:

假设我有一个班级.foo

 .foo{ color:red;}

我有另一个班级.bar

.bar{ color:green;}

我希望将foo元素的颜色更改为蓝色,仅在被bar类包围时

例如:在这里,我希望"等等"成为蓝色

<div class = "bar" >
  <div class = "foo" >
  blah blah
  </div>
</div>

我该怎么做？没有使用LESS或类似的东西.

我安装了Ruby并输入了"gem install sass"并在++ notepad上创建了一个style.scss文件并输入了"sass --watch style.scss:style.css"我得到的内容:Sass正在观看更改.按ctrl-c停止.错误没有这样的文件或目录style.scss

style.scss保存在我的桌面上.

我必须把它放在特定的目录..？

我只是想品尝sass并继续使用codepen和一个简单的代码

 <div class="box"> </box>

上海社会科学院

$blue: #3bbfce;
.box{background:$blue;}

这就是我得到的:"#3bbfce"之后的无效CSS:期望的表达式(例如1px,粗体)是";"

我和萨斯有什么不对吗？

我创建了一个具有相同样式的 Sass mixin 和一个 CSS 类，因此开发人员可以选择将该类添加到 HTML 中或将 mixin 与 Sass 一起应用。

@mixin link-style-1 {
    background: $red;
    padding:  .75em 45px .75em 5%;
}
.link-style-1 {
    background: $red;
    padding:  .75em 45px .75em 5%;
}

有没有办法将这2合并为1？我知道我可以使用一个变量来填充两者，但是这样我的代码会变得更长并且更难以阅读。有更清洁的解决方案吗？

我工作的项目使用SCSS,这是超级的.将代码推送到repo时,规则是避免所有编译或生成的代码,只提交原始源代码.

我发现跟踪和区分干净,可读,预缩小的CSS代码很有用.所以我也想对CSS进行版本控制,而不仅仅是SCSS.但是,我的首席技术官反对这一点"因为它不对,没用".他的观点在一个完美的世界中是有效的,但在实践中,这实际上会伤害我的工作流程.

其他前端开发人员做了什么？除了SCSS源之外,提交可读CSS是否有害？我应该把它搞砸并改变我的工作流程,因为这是正确的,即使我很确定这不是那么有效吗？

运行rails时出现以下错误.

/home/dev/.rvm/gems/ruby-2.0.0-p643/gems/bootstrap-sass-3.3.6/lib/bootstrap-sass/engine.rb:11:in `block in <class:Engine>': uninitialized constant Sprockets::Rails (NameError)

from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/railties-3.2.12/lib/rails/initializable.rb:30:in `instance_exec'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/railties-3.2.12/lib/rails/initializable.rb:30:in `run'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/railties-3.2.12/lib/rails/initializable.rb:55:in `block in run_initializers'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/railties-3.2.12/lib/rails/initializable.rb:54:in `each'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/railties-3.2.12/lib/rails/initializable.rb:54:in `run_initializers'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/railties-3.2.12/lib/rails/application.rb:136:in `initialize!'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/railties-3.2.12/lib/rails/railtie/configurable.rb:30:in `method_missing'
from /home/dev/Desktop/todo/config/environment.rb:5:in `<top (required)>'
from /home/dev/Desktop/todo/config.ru:3:in `block in <main>'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/rack-1.4.7/lib/rack/builder.rb:51:in `instance_eval'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/rack-1.4.7/lib/rack/builder.rb:51:in `initialize'
from /home/dev/Desktop/todo/config.ru:in `new'
from /home/dev/Desktop/todo/config.ru:in `<main>'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/rack-1.4.7/lib/rack/builder.rb:40:in `eval'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/rack-1.4.7/lib/rack/builder.rb:40:in `parse_file'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/rack-1.4.7/lib/rack/server.rb:200:in `app'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/railties-3.2.12/lib/rails/commands/server.rb:46:in `app'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/rack-1.4.7/lib/rack/server.rb:304:in `wrapped_app'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/rack-1.4.7/lib/rack/server.rb:254:in `start'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/railties-3.2.12/lib/rails/commands/server.rb:70:in `start'
from /home/dev/.rvm/gems/ruby-2.0.0-p643/gems/railties-3.2.12/lib/rails/commands.rb:55:in `block in <top (required)>' …

我已经开发了大约两年的网站,但我从未使用scss,sass或更少.它们与使用它们的优点有什么区别？

我正在开发一个网站，其中 SCSS 格式的代码很少。是否可以将它们转换为 CSS。正在工作的 html 文件无法识别 SCSS 文件。如果无法转换，如何使 html 文件读取 SCSS。

我用简单的 HTML 和 SCSS 创建了一个简单的网站项目。

HTML 文件看起来像这样：

<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Hello Bulma!</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.0/css/bulma.min.css">
    <link rel="stylesheet" href="../../node_modules/bulma/bulma.sass">
    <link rel="stylesheet" href="../../node_modules/bulma/css/bulma.css">
    <link rel="stylesheet/scss" type="text/css" href="./header.css">
    <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
  </head>
  <body>
  <div class="header">
    <div class="columns header-contents">
      <div class="column is-four-fifths">
        <div class="header-logo">
          hier ist logo
        </div>
        <div class="header-title"> Title</div>
        <div class="title-content">content</div>
      </div>

      <div class="column">Auto</div>
      <div class="column">Auto</div>
    </div>
  </div>
  </body>
</html>

我现在想将 SCSS 文件导入到这个 HTML 文件中，但它不起作用。

有人有一些解决方案吗？

我想制作一个矩形(最好不使用画布或背景图像),看起来有点像下图中的蓝色框.请注意,形状具有不规则的边缘.

我怎样才能实现它？

div {
    background: blue;
    width: 400px;
    height: 120px;
}

自从Bootstrap从少变为sass ......我现在必须使用sass.我在某种程度上找不到一个简单的解决方案,可以为Sublime Text 3保存自动完成和自动编译.

有没有人知道插件或给我这些功能的东西？

我希望能够指定编译的css应该去哪里,我的custom-sass文件在哪里以及bootstrap所在的位置.:)

谢谢