我可以将 Partials 导入到 SASS 中的 Partials 中吗?

2024-02-18

我正在使用 Sass 设计一个新网站。
最初,我的 style.scss (编译的主 SCSS 文件)导入了 generic.scss (我在其中定义了变量)和各个页面(例如 homepage.scss)。效果很好。然后我尝试重构 homepage.scss 以仅导入其各个部分的 Scss(例如section-a.scss)。令人惊讶的是,Sass 编译器 (Prepros) 不再识别所有变量。

我的问题是:

  1. 我可以将部分导入到 SASS 中的部分吗?
  2. 我可以在所有其他部分中使用导入到主 scss 文件(编译的)的部分中声明的变量吗?

不用说,所有部分文件名都以下划线开头。

Thanks!


它一定与您进口的订单有关。

这应该像这样工作:(我不记得 SCSS 语法是什么......但这应该解释)

// primary file master.scss or whatever importing partials...
@import 'reset';
@import 'variables';
@import 'styles-etc';
// variables file / importing other partials
@import 'variables/space';
@import 'variables/color';
@import 'variables/break-points';
// styles file
body {
  background: $color; // from variables/color...
}

我从来没有建议过任何人usebootstrap...但是如果你看看它的结构,你可能会看到很多这样的东西 - 作为一个例子。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

我可以将 Partials 导入到 SASS 中的 Partials 中吗? 的相关文章

  • SASS 或 LESS 关键帧百分比循环

    我正在测试一些特殊的东西 我正在尝试在关键帧内循环以动态地将百分比写入其中 我已经用 SASS 测试过类似的东西 但它不起作用 keyframes test for i from 0 through 100 i do special stu
  • SASS 3.2 媒体查询和 Internet Explorer 支持

    我最近实施了这项技术 http thesassway com intermediate responsive web design in sass using media queries in sass 32与SASS 3 2一起使用 co
  • Gulp - 处理多个主题和文件夹

    我正在努力创造一个终极gulpfile我们可以在我们的大型网站之一上使用它 一个具有多个主题 具体取决于您所在网站的部分 我试图让它只运行它需要运行的进程 而不是重新编译所有内容 让我准确地布局我想要实现的目标 文件夹结构 src mast
  • SASS 将特定属性从父级扩展/共享/继承到子级,反之亦然

    是否可以将所选 特定属性从父级扩展到 共享给子级 例如不创建变量 main container padding 20px margin 20px ul padding parentPadding margin 0 或相反亦然 就你而言 ma
  • Bourbon/Sass:#{$all-text-inputs} 带有悬停或焦点?

    根据波本文档 http thoughtbot com bourbon html5 input types 您可以使用 all text inputs 转动这个 all text inputs border 1px solid green 进
  • 将 webpack(环境)变量传递给 scss 文件

    对 webpack 非常陌生 我希望能够读取一个值 在本例中具体是env from webpack config js in a sass文件 这样我就可以根据环境有不同的CSS 例如 env 开发 颜色 绿色 env 生产 颜色 蓝色 到
  • 可以在 SASS / Compass 中创建随机数吗?

    我正在开发一个使用 SASS 和 Compass 的项目 并且需要以某种方式在 CSS 文件中得出一些随机数 具体来说 我需要一些 0 到 1 之间的浮点数 单独使用 SASS 和 Compass 可以吗 如果您创建一个 sass 函数 这
  • 如何在 ionic 4 中提供警报控制器 css?

    我想在 ionic 4 中提供警报控制器样式 这些是我的演示代码 async presentalert const alert await this alertCtrl create header DO YOU WANT TO CANCEL
  • Compass (sass) 和 Web 开发人员扩展

    我经常使用 Web 开发人员扩展中的 编辑 css 功能来编辑样式表 这是一个很棒的功能 但编辑 css 并将其复制回编辑器进行保存需要时间 我计划在下一个项目中使用 Compass 我想知道如何使用 SASS Compass 的 编辑 c
  • 指南针手表编译一次,无法注意到进一步的变化

    我在 Windows 7 上使用 SASS Compass 我最近将 SASS 从 3 2 10 升级到 3 4 2 将 Compass 从 0 12 2 升级到 1 0 1 我通过卸载旧版本并在命令提示符中使用 gem uninstall
  • 编译SCSS(Compass)+刷新浏览器的最快方法?

    只是想知道您认为编译 SCSS 和刷新浏览器的最快方法是什么 我目前正在使用LiveReload 但有时似乎有点慢 可能需要1 3秒 看起来不多 但我觉得我正在失去适当的编码节奏 你们都用什么 CodeKit 会更快吗 或者也许是 Subl
  • Sass 更改监视间隔,更频繁地编译

    我正在使用 sass 将 scss 编译为 css 每次保存后 大约需要 15 20 秒才能编译为 scss 文件到 css 因此我需要刷新几次才能看到预期结果 有没有办法告诉 Sass 更频繁地检查更改 这是我使用的命令 sass wat
  • 访问react组件中的scss变量时出现问题

    按照链接进行操作https mattferderer com use sass variables in typescript and javascript https mattferderer com use sass variables
  • Sencha Cmd v4.0.2.67 创建后台进程失败

    我有一个使用 Sencha Command v4 0 2 67 生成的单页 ExtJS 应用程序 我正在尝试使用 Sencha Command v4 0 2 67 和以下命令进行构建 sencha app refresh sencha ap
  • 使用 npm 安装 font Awesome 5 以供 scs 使用

    就像标题所说 我无法出于 scss 目的使用 npm 安装 font Awesome 5 尝试安装版本5 根据https fontawesome com how to use use with node js https fontaweso
  • Zurb Foundation:半透明顶栏可能吗?

    有没有办法用 Zurb Foundation 制作一个半透明的顶栏 据我所知 我已经在我的 settings scss file topbar bg color topbar bg topbar dropdown bg topbar dro
  • 通过 Assets Pipeline 携带 Sass 变量,Rails 3.1 rc1

    我最近将我的 Rails 3 0 项目之一与 3 1 rc1 进行了分支 以尝试新的资产管道 在使用 3 1 之前 我一直在项目中使用 Sass 因此我在单独的配置文件中设置了一些变量和函数 并让所有其他 sass 文件在第一行导入该文件
  • SASS/Compass可以将foo.scss编译为foo.min.css和foo.dbg.css吗?

    我想整理一套 scss文件为不同的文件名 在开发中 我想编译例如 foo scss to foo dbg css 未缩小并带有评论 在生产中 我想要例如 foo min css 缩小 有没有办法告诉 SASS Compass 使用什么作为目
  • 将 sass 变量导入 gatsby 组件中引用的第二个 Sass 文件

    我正在使用 Gatsby 构建一个静态站点项目 我已经成功安装了 gatsby sass 插件并让 sass 正常工作 但是 我无法将自定义 sass 变量文件正确导入到其他组件 sass 文件中 下面是我的文件夹结构 src compon
  • 如何在Eclipse中集成CSS预处理? [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 我想在 Eclipse 中编辑 SCSS 文件 最好使用语法突出显示 scss files 我发现这些资

随机推荐

  • 更改导航栏的字体

    这个问题很简单 但不幸的是答案并非如此 如何更改文本中的字体UINavigationBar 从 iOS 7 及更高版本开始 NSShadow shadow NSShadow new shadow shadowOffset CGSizeMak
  • SunTlsRsaPremasterSecret KeyGenerator 不可用

    当我的应用程序尝试从 JAVA 加载 RSA 算法提供程序类时 我遇到错误 异常堆栈如下 javax jms JMSException RSA premaster secret error at org apache activemq ut
  • Django1.9:'function'对象没有属性'_meta'

    Django 给出错误信息 形式 py from django import forms from django contrib auth import authenticate get user model login logout fr
  • 这个复杂的查询该怎么做呢?

    这是我的数据库架构 Post id title body date Tag id title Post Tag id id post id tag Comment id id post body date 帖子和标签之间存在多对多的关系 我
  • java.text.ParseException:无法解析的日期

    我在尝试以下代码时遇到解析异常 String date Sat Jun 01 12 53 10 IST 2013 SimpleDateFormat sdf new SimpleDateFormat MMM d yyyy HH mm ss D
  • 在 SQL 中选择连续数字

    这感觉很简单 但我在任何地方都找不到答案 我正在尝试按一天中的每个小时运行查询 所以我正在做一个Group By在小时部分 但并非所有小时都有数据 因此存在一些间隙 我想每小时显示一次 无论是否有数据 这是一个示例查询 SELECT DAT
  • 使用 unison 同步包含 git 存储库的目录

    我想在两台机器上同步包含我的点文件的 git 存储库的目录 两台机器都会对存储库中的文件进行更改 通常我使用一致来同步目录 但在这种情况下 文件在 git即使目录内容表面上相同 目录也会有所不同 Unison见状举手退出 unison do
  • 纤维与异步等待

    我正在加入一个 C 项目 其中开发人员大量使用Fibers https en wikipedia org wiki Fiber computer science 在这个项目之前我什至没有听说过它们并且以前使用过async await and
  • 重复消息之间的时间间隔

    根据 SQS 的文档 重点是我的 Amazon SQS 将消息副本存储在多个服务器上 以实现冗余和高可用性 在极少数情况下 当您接收或删除邮件时 存储邮件副本的服务器之一可能不可用 如果发生这种情况 该消息的副本将不会在该不可用的服务器上被
  • 如何在Spring Cloud Netflix eureka上注册Spring Boot微服务?

    我们计划使用 Spring Cloud Netflix oss 组件 所以我正在做一个小样本项目 我开发了 2 个 Spring 微服务 这些服务运行良好http localhost 9000 microsvc one http local
  • MySQL数据导出变化次数

    我有一些用于数据库的备份和恢复脚本 该表有一个时间戳字段 备份脚本如下所示 mysqldump u user ppass database tab fields terminated by skip comments table 它创建两个
  • Django SECURE_SSL_REDIRECT 和 301 HTTP 响应

    在与本地不同的环境中 我设置DJ SSL REDIRECT True对于我的 Django 项目 但现在 当我在另一个环境 例如 在 Travis CI 中 中运行时 与 REST API 端点相关的所有单元测试都失败了 发生的情况是所有
  • InkCanvas 的撤消/重做命令堆栈

    我正在使用 InkCanvas 创建类似绘画的应用程序 我愿意实现撤消 和我的应用程序中的重做功能 哪种是为 InkCanvas 实现撤消 重做的最佳方法 我已经为 WPF 应用程序实现了撤消 重做 并最终将我的撤消 重做代码发布到http
  • 完成 GeneratorDataset 迭代器时发生错误:已取消:操作已取消

    在运行具有使用tensorflow 2 0的代码的kubeflow管道时 每个纪元结束时显示以下错误 W tensorflow core kernels data generator dataset op cc 103 完成 Generat
  • 如何修复这个 ES6 模块循环依赖?

    编辑 有关更多背景 另请参阅ES 讨论 讨论 https esdiscuss org topic how to solve this basic es6 module circular dependency problem 我有三个模块A
  • 删除级联时不触发触发器

    我有一个名为 player instance 的表 然后是一个名为 penalties 的表 其中有一个引用player instance的外键 我还有一个名为 分数 的表 我有一个关于处罚的删除触发器 这样如果删除一行 那么它将改变分数中
  • 使用 GCM 向多个 Android 设备发送推送通知

    我正在关注http javapapers com android google cloud messaging gcm for android and push notifications http javapapers com andro
  • 改造 2 @path 与 @query

    我是 Retrofit 2 库的新手 作为初学者 我阅读了几篇文章来入门 并且我设法从我的 RESTful API 获取 XML 数据而不指定参数 在我的方法中 生成的 XML 资源如下 GET Path foods Produces Me
  • 将 NumPy 数组转换为 Python 列表

    我如何转换NumPy http en wikipedia org wiki NumPy数组到Python列表 Use tolist https numpy org doc stable reference generated numpy n
  • 我可以将 Partials 导入到 SASS 中的 Partials 中吗?

    我正在使用 Sass 设计一个新网站 最初 我的 style scss 编译的主 SCSS 文件 导入了 generic scss 我在其中定义了变量 和各个页面 例如 homepage scss 效果很好 然后我尝试重构 homepage