Css 我搞不懂为什么我的话不管用_Css_Ruby On Rails_Sass

Css 我搞不懂为什么我的话不管用

css ruby-on-rails sass

Css 我搞不懂为什么我的话不管用,css,ruby-on-rails,sass,Css,Ruby On Rails,Sass,嘿，我正在尝试学习rails并遵循rails教程。我正在使用SCS向应用程序样式表添加一些元素，这就是我正在添加的内容 /* miscellaneous */ .debug_dump { clear: both; float: left; width: 100%; margin-top: 45px; @include box_sizing; } } 但是当我在浏览器中查看我的it时，我收到了这个错误 Mixin box-sizing is mi

嘿，我正在尝试学习rails并遵循rails教程。我正在使用SCS向应用程序样式表添加一些元素，这就是我正在添加的内容

/* miscellaneous */

  .debug_dump {
    clear: both;
    float: left;
    width: 100%;
    margin-top: 45px;
    @include box_sizing;
  }
}

但是当我在浏览器中查看我的it时，我收到了这个错误

Mixin box-sizing is missing argument $boxmodel.
  (in /Users/<mynamehere>/workspace/sample_app/app/assets/stylesheets/custom.css.scss:110)

<html>
    <head>
      <title><%= full_title(yield(:title)) %></title>
      <%= stylesheet_link_tag "application", media: "all",
                                             "data-turbolinks-track" => true %>
      <%= javascript_include_tag "application", "data-turbolinks-track" => true %>
      <%= csrf_meta_tags %>

 Rails.root: /Users/<mynamehere>/workspace/sample_app

Mixin框大小缺少参数$boxmodel。
（在/Users//workspace/sample_app/app/assets/stylesheets/custom.css.scss:110中）
正确%>
正确%>
Rails.root:/Users//workspace/sample\u应用程序

任何帮助都将不胜感激。如果您需要查看任何其他内容，请点击此处查看我的链接。

错误显示，您需要一个用于调整大小的参数。

box\u

因此，尝试

@包括框大小（边框框）
@mixin box_sizing {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

确保在引导和引导链轮导入之后声明mixin（即，确保在导入“引导”之前未声明box_size）。Bootstrap-sass有一个内置的box_大小混合，它将优先于您的
railsguide并没有真正涉及到这一点（并没有迹象表明@import bootstrap引入了冲突的mixin），所以很容易出错
我遇到了相同的问题，但出现了相同的错误消息，现有的解决方案对我都不起作用。在我的例子中，我为mixin和变量创建了一个scss文件，并在引导和引导链轮之前导入它。把它移到他们下面解决了这个问题。因此，在您的情况下，请确保您的一般订单是：
@import "bootstrap-sprockets"
@import "bootstrap";

/* either @import your-file-containing-box-sizing-mixin; or: */

@mixin box_sizing {
  -moz-box-sizing:    border-box;
  -webkit-box-sizing: border-box;
  box-sizing:         border-box;
}

.debug_dump {
  clear: both;
  float: left;
  width: 100%;
  margin-top: 45px;
  @include box_sizing;
}

我也遇到了同样的问题，在完成清单7.2中custom.scs的工作后，我更新了custom.scs，在清单7.2的Sass mixin css代码的基础上添加了清单7.11中的css边栏代码和清单7.15中的表单css代码。所以看起来是这样的

/*表格*/
输入，文本区域，选择，.不可编辑输入{
边框：1px实心#bbb；
宽度：100%；
边缘底部：15px；
@包括盒子尺寸；
}
输入{
高度：自动！重要；
}
/*边栏*/
旁白{
节用户信息{
边缘顶部：20px；
}
部分{
填充：10px0；
边缘顶部：20px；
&：第一个孩子{
边界：0；
填充顶部：0；
}
跨度{
显示：块；
利润底部：3倍；
线高：1；
}
h1{
字号：1.4em；
文本对齐：左对齐；
字母间距：-1px；
利润底部：3倍；
边际上限：0px；
}
}
}
格拉瓦塔先生{
浮动：左；
右边距：10px；
}
.gravatar_编辑{
边缘顶部：15px；
}
/*混合、变量等*/
@混合箱上浆{
-moz框大小：边框框；
-webkit框大小：边框框；
框大小：边框框；
}
/*杂*/
.debug_dump{
明确：两者皆有；
浮动：左；
宽度：100%；
边缘顶部：45像素；
@包括框尺寸（边框框）；
}