程序员经验分享-hwhale

在浏览器中编译sass文件

2024-01-01

我正在尝试为我的用户创建一个系统，他们可以在其中选择他们想要包含在项目中的特定 SCSS 文件。他们通过浏览器来完成此操作。一旦他们检查了所有相关的 SCSS 文件，他们就会想要点击基于浏览器的“编译”按钮来生成最终的 CSS。

这可能吗？我在网上查了一段时间但找不到任何东西。我知道这是可能的，因为我在他们的网站上看到了它的引导程序。

有人能让我知道这是否可行吗？我不打算实现任何后端编码来执行此操作，它需要通过某种 javascript 插件来完成。


如果您确实需要在客户端中执行此操作，sass.js https://github.com/medialize/sass.js可能对你有帮助。您可以在这里测试：http://sass.js.org/ http://sass.js.org/

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

css

twitterbootstrap

userinterface

sass

userinput

在浏览器中编译sass文件 的相关文章

  • 有不同图像尺寸的缩略图 Bootstrap

    我想要包含不同大小和不同文本量的图像的缩略图 但我希望它们都具有相同的大小 像这样来自 Bootstrap 站点的示例 http getbootstrap com components thumbnails custom content 下

  • HTML / CSS 如何将图像图标添加到输入类型=“按钮”？

    我使用下面的 CSS 但它将图像放在按钮的中心 使用任何方式左对齐或右对齐图标

  • 响应式菜单：悬停子菜单显示错误

    简而言之 我根据教程创建了一个响应式菜单 当您将鼠标悬停在投资组合按钮上时 菜单应该显示子菜单 而在移动模式下 您需要按该按钮才能显示子菜单 效果很好 问题是该教程有一个错误 如果您在桌面模式下按组合按钮 子菜单将不会再次显示 除非您按 单

  • 按钮轮廓大于按钮尺寸

    我试图制作一个带有 3 个点的按钮 虽然它带来了奇怪的问题 当你点击它时 你会注意到在焦点模式下有一座奇怪的 山 button letter spacing 2px padding top 4em padding bottom 8em li

  • 使用百分比 (%) 时如何计算填充？

    为什么本例中的内边距不等于 300 像素 Test width 600px padding right 50 box sizing border box background ddd div TEXT ETISI DHOASIHD I SA

  • 如何拥有程序执行时间的控制台？

    我正在尝试编写一个在控制台或 GUI 模式下工作的程序 具体取决于执行参数 我已经成功编写了以下示例代码 using System using System Collections Generic using System Linq usi

  • 在 SVG 中设置悬停语句样式

    我正在计划一个基于这个 SVG 插图的网络 菜单 我的想法的原则 一个样式为活动的圆圈 一个样式为悬停的圆圈以及一个也需要设置样式的伴随笔画 https i stack imgur com H397o png 当我阅读 SVG 文件的规范时

  • 使用 GTK+2 或 GTK+3 学习 GUI 编程？

    我是 GUI 编程新手 我还没有找到最适合我的目的的库 我想制作桌面环境应用程序 例如扩展坞 面板 桌面等 我已经开始学习GTK的基础知识 主要使用PyGtk 我在网上找到的大多数教程都是针对 GTK 2 0 的 然而最近 GTK 3 已发

  • jQuery能否获取未绘制的动态元素的大小

    我的意思是如果我用 jQuery 和 DOM 创建一个 Element var MainHolder document createElement div addClass box 如果我打电话MainHolder width 如果不在窗口

  • Bootstrap：使用单个选项卡导航控制多个选项卡面板

    我想用一个选项卡导航来控制两个不同的选项卡内容 在 Bootstrap 3 中 我有一个使用逗号分隔数据目标的解决方案 如本例所示 https stackoverflow com a 19719859 1788961 https stack

  • 为什么连字符 (-) 分隔的类名在 CSS 中广泛使用 [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 在浏览了一些网站和其他一些广泛使用的插件和框架中包含的一些 CSS 文件时 发现它们广泛使用连字符分隔的单词作为类名 实际上使用这样的类名有什么

  • 带有旋转文本的垂直导航

    我正在尝试实现一个包含链接的垂直导航菜单 并且我已使用 css3 将链接文本旋转到 270 度 我旋转了它 因为我希望文本从下到上 问题是当我添加顶部填充时 间距不一致 你可以看到我的代码here http jsbin com ravudu

  • 具有固定位置的平滑滚动标题

    当我将位置更改为固定时如何创建平滑滚动 我尝试添加动画但不起作用 最好使用jquery动画 window scroll function var sticky mobile menu scroll window scrollTop if s

  • 动态检测屏幕高度和屏幕宽度，以精简图像的高度和宽度

    我以前可以display a div标签仅在portrait使用下面提到的代码corrl https stackoverflow com users 15388872 corrl in this https stackoverflow co

  • 如何中和 CSS 定义而不覆盖

    有没有一种方法可以中和元素的 CSS 规则而不覆盖所有内容 例如 我正在使用 Twitter Bootstrap 它有许多预定义的 CSS 定义table 在某些地方 我不想要它们 对某些table元素 我想知道我是否可以做这样的事情 ta

  • .net dropdownlist对齐文本

    我正在尝试将 net 下拉列表中的文本向右对齐 使用 CssClass 我可以在 Firefox 中将文本向右对齐 IE 不会将文本右对齐 而是左对齐 我读到 IE 6 不支持这个 这是真的 我使用的是 IE7 但我的大多数用户将使用 IE

  • Docpad 上的 Bootstrap 下拉菜单和可选项卡

    我使用 Twitter Bootstrap 框架创建了一个 Docpad 网站 我无法使 Bootstrap 的可选项卡或下拉菜单正常工作 它们呈现 但不运行 根据 Stackoverflow 的研究 这些 Bootstrap 函数似乎需要

  • SVG 剪辑路径在 Safari 上不起作用

    我有一个简单的动画 从下往上填充 svg 然后淡出 填充是使用clipPath随着使用path with a stroke dasharray stroke dashoffset 问题是clipPath在 Safari 上似乎完全被忽略了

  • 为 Gmail 设计 HTML 电子邮件

    我正在生成一封使用内部样式表的 html 电子邮件 即 h2 class foo Email content here 在 Gmail 中查看时 内部样式表中的所有样式似乎都被忽略 Gmail 似乎忽略了内联规则以外的所有样式 例如 h2

  • 两个 div 之间的匿名空白

    这里是Fiddle http jsfiddle net y6hSV 1 我有两个divs一个用于标题 另一个用于主体 在 的里面div这是标题 我还有另一个div那个 div 是floated left 因为那个floating 两者之间出

随机推荐

  • 如何在 div #content 加载时显示 div #loading

    我想实施一个解决方案 当 div content 中的内容正在加载时 隐藏 div content 显示 div loading 然后当 div content 加载完毕后 隐藏div loading 淡入 div content 我努力了

  • Vim - 在重音字母或 ñ 之后插入额外空格

    我有一个关于 Vim 的问题 我在 Mac OS X Snow Leopard 上并编译了 vim 以开始使用编辑器 有时我会用其他语言打字 我发现在输入带重音的字母时 每个字母后都会添加一个额外的空格 我还使用 Mac 西班牙语键盘进行打

  • 我尝试使用动画来使线性布局进行翻译，像这样向左<->向右。但我遇到了一些错误

    这是我的第一个应用程序 我尝试从右到左或从左到右翻译 这是代码 资源 gt 动画 gt 向左翻译

  • Node.js 和 java 之间的 mqtt 通信

    目标是使用 mqtt 协议发送数据 Java 项目 tempSensor 使用 mqtt 协议和使用 mqtt 订阅 tempvalue 的 Node js 生成 tempvalue Node js 和 java 项目都使用相同的密钥进行发

  • 如何在 iOS 中使用 MpMoviePlayerController 在 UISlider 上显示缓冲数据？

    我在用MPMoviePlayerController播放音频 我想在滑块上显示缓冲数据 如下所示 我想显示缓冲区数据 如滑块中的红色部分 我尝试用谷歌搜索它 但我没有得到任何解决方案 以及如何自定义滑块 提前致谢 是的 我们可以使用显示流数

  • 继承树上的反序列化顺序

    我有一个标记的基类Serializable 以及标记的派生类Serializable也 我想在反序列化期间在基类中做一些事情 因此声明了一个标记为OnDeserializing 但重要的是该方法将在任何派生类的之前执行OnDeseriali

  • 调整位图大小是在视图中裁剪而不是缩放

    我不知道如何调整位图的大小 根据这里的帖子 Bitmap createScaledBitmap 是执行此操作的方法 但它对我来说不起作用 由于视图的性质 我在 onDraw 中完成所有操作 因此我认为我不能使用布局或 ImageView 这

  • Three.js 具有恒定大小的对象

    我正在开发一个绘图程序 我需要的是一个具有恒定大小的 THREE Object3D 元素 就像线条始终为 1px 一样 换句话说 我试图在舞台上放置一个对于观看者来说尺寸始终相同的对象 所以如果你靠近它 它的大小不会改变 类似的机制是三线

  • 以下 Fortran“并发”循环有效吗？

    我不认为下面的do concurrentFortran 循环有效 如下所示acc在每次迭代中都会被修改 但是 gfortran 没有给我任何类型的警告 并且结果值acc正确的是 55 它是否有效 integer acc i acc 0 do

  • 使用 JavaScript 提取 EXIF 数据

    我正在评估使用 Canvas 的移动网络应用程序的图像上传技术 症结在于客户端读取 EXIF 数据 本网站的其他讨论 https stackoverflow com questions 7584794 accessing jpeg exif

  • InnoDB SELECT ... FOR UPDATE 语句锁定表中的所有行

    MySQL 服务器版本 5 1 41 启用了 InnoDB 插件 我有以下三个发票表 invoices invoice components 和invoice expenses 表发票有invoice id 主键 发票 组件和发票 费用都链

  • phonegap android ajax请求适用于GET但不适用于POST

    在我的phonegapp ed android应用程序中发送以下请求适用于GET 但不适用于POST 有了 GET 一切就正常了 使用 POST 请求会通过 但 POST 变量 服务器端未通过 服务器返回 json 响应显示 未提供参数 P

  • 我可以将 HashSet 作为 HashMap 中的键吗？如果没有，请提出替代方案

    编辑 现在正确解释了问题 我有一个哈希图 我想在其中存储一起看到的单词集 键 以及它们一起看到的行 值 这是我想出的结构 HashMap

  • PHPUnit 和 MySQL 截断错误

    我对 PHPUnit 始终运行的行为感到头疼TRUNCATE在插入夹具之前without首先设置外键检查 Syntax error or access violation 1701 Cannot truncate a table refer

  • 为 CI 预装依赖项的 Docker 镜像

    常见建议 example https blog sparksuite com 7 ways to speed up gitlab ci cd times 29f60aab69f9 执行 CI 的方法是使用预装依赖项的镜像 不幸的是 对于像我

  • 从可变产品的 WooCommerce 变体中获取权重值

    我正在开发一个自动调整产品价格的插件 我所有的产品都是可变产品 这使得这个问题比我能解决的更困难 if product gt is type variable foreach product gt get available variati

  • SQL Server Management Studio 显示数据库图表 (ER) 权限

    我想知道是否有人确切地知道 SQL Server 2005 中的数据库需要哪些权限 以便当人们使用 SQL Server Management Studio 时 他们至少能够看到数据库图表 我尝试为该人提供 db datareader db

  • 为什么我的异常被捕获后仍然抛出？

    我有以下代码 其中使用函数调用的结果初始化变量 这个函数抛出异常 所以我设置了一个 try catch 来捕获异常 由于某种原因 即使 catch 子句运行后 异常仍然显示在屏幕上 include

  • 如何在Java Servlet中使用Session？

    我的 java 代码中的会话有问题 通过 post 提交表单后 java servlet 将确定验证码是否正确 我可以知道应该添加什么才能在 java servlet 中使用会话吗 我需要导入什么东西才能使用会话吗 protected vo

  • 在浏览器中编译sass文件

    我正在尝试为我的用户创建一个系统 他们可以在其中选择他们想要包含在项目中的特定 SCSS 文件 他们通过浏览器来完成此操作 一旦他们检查了所有相关的 SCSS 文件 他们就会想要点击基于浏览器的 编译 按钮来生成最终的 CSS 这可能吗 我

热门标签