可以在 SASS / Compass 中创建随机数吗?

2024-04-20

我正在开发一个使用 SASS 和 Compass 的项目,并且需要以某种方式在 CSS 文件中得出一些随机数。具体来说,我需要一些 0 到 1 之间的浮点数。单独使用 SASS 和 Compass 可以吗?


如果您创建一个 sass 函数,这是很有可能的,因为 sass 是 ruby​​,它就像打开函数模块并注入随机函数一样简单

module Sass::Script::Functions
  module MyRandom
    def random
      rand(1.0)
    end
  end
  include MyRandom
end

sass 加载后需要该文件

然后在你的样式表中

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

可以在 SASS / Compass 中创建随机数吗? 的相关文章

  • 如何在表格列标题处垂直旋转文本

    我用过这个数据表 http www datatables net 在我的网页上 这是fiddle http jsfiddle net fxju7 2 链接我放置代码的地方 我想要 第一个数字第二个数字列应该垂直旋转 我已经做到了 但是 问题
  • 我可以根据同一容器中另一个元素的大小强制内联文本换行吗?

    考虑这个 jsbin http jsbin com ElIKOKe 3 edit html css output 我有这个html div class container span The lime outlined container h
  • CSS: *html #id_name

    我有这个代码 html alertBox height 100px modalContainer gt alertBox position fixed 这是由CSS支持的吗 我在其他网站上找到了这段代码 我忘记了链接 html alertB
  • 删除圆形图像周围的边框

    我有一个圆形图像 png 文件 中间是透明的 我需要将图像内的背景设置为纯色 为此 我将背景设为纯色 然后将border radius 50 但这会产生一条丑陋的小白线 有没有办法摆脱这个问题 或者我必须在图像编辑器中手动为图像着色 div
  • 使用绝对定位时文本被破坏

    我有一个小挑战 我在 Stack Overflow 上没有找到任何解决方案 这就是我得到的 这就是我想要的 为了产生这个标题效果 我使用绝对位置 我什至不知道我的标题的宽度和高度 因此 使用此解决方案时 大文本会中断 My HTML div
  • 样式 ::-webkit-scrollbar-track 不起作用

    我正在尝试设置滚动条轨道的样式 每当我设计曲目时 div webkit scrollbar track background color blue 没有什么变化 每当我设置滚动条样式时 div webkit scrollbar backgr
  • CSS 无法从带有 php“includes”的相对路径工作

    文件夹结构 index php includes header html css style css 我的主项目文件夹中有 2 个子文件夹 一个是名为 includes 的文件夹 另一个名为 css 我有我的 index php主文件夹中的
  • CSS 显示无不工作

    media screen and min width 900px and max width 1215px menu display none 这不起作用 div 仍然可见 但是 如果我将 div 更改为 div class menu 代替
  • 检索 css3 缩放元素的宽度/高度

    我正在与 offsetWidth 属性的奇怪之处 我认为 作斗争 这是场景 比方说 我有一个span标签 在我的js中 在某个时刻我执行css3转换 对于这个元素 例如 el set styles transform scale scale
  • CSS 网格框架中的间距有什么作用?

    我正在深入研究 Web 开发 并且正在使用 Blueprint CSS 框架 其中包括网格系统 我有几个问题 水沟有什么用处 当然 它们不用于在列之间包含空间 因为您可以使用 margin CSS 属性来实现这一点 对吗 或者排水沟只是一种
  • Bootstrap 导航栏与 Google 位置重叠自动完成下拉菜单

    我有一个导航栏 我试图在其中添加一个地点搜索框 除了谷歌位置提示框的一小部分被导航栏重叠 如下图所示 之外 一切几乎都有效 我尝试过改变z index输入框的值改为10或2000或90000但似乎没有效果 我还缺少其他需要做的事情吗 这是
  • 使用纯 CSS 创建向上和向下箭头图标或按钮

    我正在尝试使用纯 CSS 且无背景图像创建如下所示的 向上和向下 控制按钮 但是当我在 中添加箭头的CSS时li className after or li className before 主盒子的位置移动了 这是我遇到的问题的小提琴 g
  • 如何让CSS选择以字符串开头的ID(不是Javascript)?

    如果 HTML 中有这样的元素 id product42 id product43 如何匹配所有以 product 开头的 id 我已经看到了完全使用 javascript 执行此操作的答案 但是如何仅使用 CSS 执行此操作 id pro
  • 从字体到跨度(大小和颜色)和背面的正则表达式(VB.NET)

    我正在寻找一个正则表达式 可以将我的字体标签 仅具有大小和颜色属性 转换为具有相关内联CSS的span标签 如果有帮助的话 这将在 VB NET 中完成 我还需要一个正则表达式来实现相反的效果 下面详细说明的是我正在寻找的转换示例 font
  • Bootstrap Affix Nav 导致下面的 Div 向上跳转

    我使用 Bootstrap 的 Affix 函数创建了一个 JSFiddle 以便在向下滚动并且标题移出视图时使导航保持在屏幕顶部 我遇到的问题是 当使用纯 HTML 时 导航下方的文本会过早地跳起来并隐藏在导航后面 查看有问题的代码her
  • iPad - 无法在框架内滚动

    我无法滚动 iPad Safari 中框架内调用的 pdf 我已经尝试过两件事 2 指滚动 使用对象 嵌入代替框架 但这是行不通的 事实上我已经尝试了很多东西 溢出 高度等等 请帮我 先感谢您 根据这篇文章http support appl
  • 在按钮之间添加空间?

    嗨 我这里有一个代码 除了一件事之外 一切都很完美 代码中每个按钮之间没有空格 我尝试过 margin 但不幸的是它是一个无序列表 所以我有点困惑 我将添加或替换什么以在两个按钮之间留出空间 帮助
  • 宽度:适合内容;在 Chrome 上工作,但在资源管理器上不工作

    我构建了一个应用程序 所有内容都在 Chrome 中完美显示 但如果我在 Windows 资源管理器中打开该应用程序 容器会比应有的小 我在用着width fit content 这是只适用于 Chrome 的东西吗 我怎样才能使其适用于所
  • 使 Material UI Grid 项目的子项拉伸以适合父容器的剩余高度

    1 现状 我有一个包含 4 个网格项的 Material UI 网格容器 每个 Grid 项中都有一个 Typography 组件 其中包含标题和包含一些内容的 Card 如下所示 2 期望的外观 我希望卡片填充网格项目的剩余高度并且不超过
  • Twitter bootstrap 3表单水平和单行多个输入列

    我需要将多列输入放在单行中 如下所示 我通过将多个输入分组为一个来做到这一点form group 但是这样我不能使用has error class div class form group div

随机推荐

  • localStorage,使用toggleClass保存类

    我似乎对本地存储一无所知 我想通过切换类来设置一种最喜欢一组 div 中的任何 div 的方式 我可以让toggleClass在单个div上工作并保存 但localStorage将所有div保存为收藏夹 而不仅仅是设置了toggleClas
  • 选择子子项中的最新记录

    我有以下表格 列 Parent ParentID Child ChildID ParentID SubChild SubChildID ChildID Date Parent与 具有一对多关系Child Child与 具有一对多关系SubC
  • 在 ReactJS 环境中设置复选框样式

    我正在尝试设计一个复选框的样式ReactJSIE11 的环境 但似乎没有取得太大成功 有人可以建议吗 代码如下 CSS squared input type checkbox border radius 4px background ff0
  • 当鼠标位于 Qt 窗口的自定义小部件上时,如何移动整个窗口?

    假设我有一个自定义小部件并将其添加到 qt 的主窗口中 如您所见 红色区域是自定义小部件 我想要做的是 当鼠标在红色区域按下并移动时 整个窗口也会移动 我知道如何简单地实施mousePressEvent and mouseMoveEvent
  • python SMTP 未收到邮件

    你好 我正在尝试让 python 3 从 Ubuntu 发送一封简单的电子邮件 我启动了一个简单的 smtp 服务器 python m smtpd n c 调试服务器本地主机 1025 以下是我的电子邮件服务器的代码 import smtp
  • 我应该如何对长函数进行单元测试?

    如果我有一个很长的代码方法 它从 2 个或 3 个不同的源收集数据并返回结果 我如何重构它以使其更易于单元测试 该方法是一种网络服务 我想从客户端代码进行一次调用来收集所有数据 我可以将一些部分重构为更小的方法 这将更易于测试 但当前方法仍
  • ion-slide-box 更新问题

  • 自定义分配器与承诺和打包任务

    标准的分配器构造函数是promise packaged task应该仅将分配器用于状态对象本身 或者应该保证这一点all 内部 相关对象 futures promise 为共享状态分配内存 futures task members 分配存储
  • Rails - 如何在不使用accepts_nested_attributes_for的情况下管理嵌套属性?

    我的问题是我遇到了accepts nested attributes for的限制 所以我需要弄清楚如何自己复制该功能以获得更大的灵活性 请参阅下文 了解到底是什么让我困惑 所以我的问题是 如果我想模仿和增强accepts nested a
  • 我应该使用 jquery 中的哪个或哪个插件来使用 xml 文件内容填充 html 表?

    我需要显示来自服务器的 xml 文件的数据 文件路径类似files client xml 到 html 表或 datagrid 中 我应该使用哪个插件 或者更确切地说 我应该使用什么插件 以便它具有可变分页 过滤器和表 CSS 自定义 任何
  • 如何从 C# 中的字符串中删除所有空白字符?

    亲爱的程序员朋友们 我正在 C Visual Studio 2013 中编写一些代码 我刚刚意识到我可能不需要使用Trim 当我做Replace string Empty 示例如下 SanitizedString RawString Rep
  • 作为 Windows 服务运行时的 PCSC.InvalidContextException

    我一直在使用 pcsc sharp 库开发一个小型智能卡扫描仪应用程序 该应用程序作为控制台应用程序运行时工作正常 代码如下 using System using System Collections Generic using Syste
  • Skype 笑脸 REGEXP 模式在哪里/如何获得?

    我想了解他们用于笑脸的图案 如果表情符号仅在被空格包围或 大概 在行 字符串的开头 结尾处被替换 那么您可以使用一系列正则表达式 使用此列表 取自http www skype forum com ftopic13197 html http
  • 在 Papyrus UML 模型中使用 MARTE GQAM 构造型

    我正在尝试使用 MARTE GQAM 构造型来构造模型的某些元素 但在为其某些属性赋值时遇到麻烦 例如 我将两条生命线之间的消息定型为 我想为其 hostDemand 属性分配一个值 该属性应为 NFP Duration 实例 我看不到如何
  • TensorFlow Lite 量化无法改善推理延迟

    TensorFlow 网站声称量化可将移动设备上的延迟降低多达 3 倍 https www tensorflow org lite performance post training quantization https www tenso
  • PHP 避免浏览器在页面刷新时重新发布 $_POST?

    我想知道我可以使用哪些技术来避免用户在刷新页面并再次选择提交时两次发布表单 例如我里面有表格注册 php并在内部处理它注册 php 1st我可以在另一个文件中处理 例如注册进程 php并重定向到 register php 但随后我必须创建大
  • 什么是“友好 URL”? [关闭]

    Closed 这个问题是与编程或软件开发无关 help closed questions 目前不接受答案 我最近 在本网站和其他地方 阅读了大量有关 友好 URL 的讨论 但我不确定究竟是什么使 URL 变得 友好 以及为什么我们真正关心
  • 如何在Matlab中计算两个矩阵之间的快速外积?

    我有两个 n m 矩阵 A and B 我想创建一个新的矩阵C类似于 for i 1 n C C outerProduct A i B i end i e C是一个大小为 m x m 的矩阵 即各行的所有外积之和A and B 有没有一种无
  • 为什么 jsp 会触发 PropertyNotFound?

    在JSP中编写 a b c 抛出 c PropertyNotFound 但写入
  • 可以在 SASS / Compass 中创建随机数吗?

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