Css Zurb Foundation：使用我自己的覆盖编译Sass（例如，设置表格宽度始终为100%）

不是设计师，所以Sass对我来说真的很新鲜。我正在致力于定制ZURB的基础以适应我自己的口味，但是我在定制简单变量之外的东西时遇到了困难（我在代码>

---

因此，规则是：除了我自己的

\u custom.scss

partial和

\u settings.scss

partial之外，我不允许修改任何其他文件。因此，举个例子，我不喜欢表格没有像Twitter引导中那样拉伸到100%宽度，而且

\u设置中没有变量。scss

部分我如何自定义它而不是修改

\u表格。scss

？是否可以扩展表mixin以合并此功能？

您有多个选项可以执行此操作

为使用基金会，您应该考虑操作“App.SCSS”文件。 我将创建一个名为yTabel.SCSS的新文件（不在基础文件夹中），内容如下：

 table
 {
     width: 100%;
 }

然后转到app.scss并添加

@import "table";

Compass现在可以将您的定义合并到一个css文件中

或者创建第二个CSS文件，在app.CSS之后加载

<link rel="stylesheet" href="stylesheets/app.css">
<link rel="stylesheet" href="stylesheets/table.css">

---

你有多种选择可以做到这一点

为使用基金会，您应该考虑操作“App.SCSS”文件。 我将创建一个名为yTabel.SCSS的新文件（不在基础文件夹中），内容如下：

 table
 {
     width: 100%;
 }

然后转到app.scss并添加

@import "table";

Compass现在可以将您的定义合并到一个css文件中

或者创建第二个CSS文件，在app.CSS之后加载

<link rel="stylesheet" href="stylesheets/app.css">
<link rel="stylesheet" href="stylesheets/table.css">

---

你有多种选择可以做到这一点

为使用基金会，您应该考虑操作“App.SCSS”文件。 我将创建一个名为yTabel.SCSS的新文件（不在基础文件夹中），内容如下：

 table
 {
     width: 100%;
 }

然后转到app.scss并添加

@import "table";

Compass现在可以将您的定义合并到一个css文件中

或者创建第二个CSS文件，在app.CSS之后加载

<link rel="stylesheet" href="stylesheets/app.css">
<link rel="stylesheet" href="stylesheets/table.css">

---

你有多种选择可以做到这一点

为使用基金会，您应该考虑操作“App.SCSS”文件。 我将创建一个名为yTabel.SCSS的新文件（不在基础文件夹中），内容如下：

 table
 {
     width: 100%;
 }

然后转到app.scss并添加

@import "table";

Compass现在可以将您的定义合并到一个css文件中

或者创建第二个CSS文件，在app.CSS之后加载

<link rel="stylesheet" href="stylesheets/app.css">
<link rel="stylesheet" href="stylesheets/table.css">

---

因此

app.css

将包含所有基金会的css，然后将

width:100%

添加到表mixin？这是正确的@thwa首先定义默认规则，您只覆盖您想要的内容，而无需更改框架代码。因此

app.css

将包含所有基金会的css，然后添加

width:100%

到表mixin？这是正确的@thwa首先定义默认规则，您只覆盖您想要的内容，而不在框架代码中进行更改。因此

app.css

将包含所有基金会的css，然后将

width:100%

添加到表mixin？这是正确的@thwa首先定义并修改默认规则在框架代码中只覆盖您想要的内容，而不进行修改。因此，

app.css

将包含基金会的所有css，然后将

width:100%

添加到表mixin？这是对的@thwa首先定义了默认规则，您只覆盖您想要的内容而不进行修改。