尝试连接 Sass 变量和字符串

2024-01-11

我正在尝试将 Sass 变量与字符串连接起来。我该怎么做?

下面有一个代码示例。

@mixin setIcons($pathImages:$pathImages, $extensionIcon:$extensionIcon {
   @each $class-icon in $class-icons-30 {
     .snw-tui-icon-#{$class-icon} {
       @include icon($class-icon, $pathImages, $extensionIcon, 30px);
   }
     .snw-tui-icon-**#{$class-icon} + "selected"** {
       @include icon(**$class-icon + "selected"**, $pathImages, $extensionIcon, 30px);
  }
}

你想要插值。

$sidebar-width: 20px;

.target {
     width: calc(100% - #{$sidebar-width});
}

希望这可以帮助

更多信息在这里:https://webdesign.tutsplus.com/tutorials/all-you-ever-need-to-know-about-sass-interpolation--cms-21375 https://webdesign.tutsplus.com/tutorials/all-you-ever-need-to-know-about-sass-interpolation--cms-21375

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

尝试连接 Sass 变量和字符串 的相关文章

  • 未捕获的引用错误:i 未定义

    我正在尝试在我的数组上创建一个 for 循环 var lists a b c d JS for i 0 i lt lists length i console log lists i sa report btn lists i click
  • TinyMCE 图像上传 API 不显示图像选择器图标

    我们按照本教程中的说明进行操作 但由于某种原因 图像对话框上的上传按钮 图像 URL 旁边的搜索文件夹图标 未显示 http www tinymce com wiki php Handling Asynchronous Image Uplo
  • JSON字符串转JS对象

    我正在使用 JS 对象通过 Google 可视化创建图表 我正在尝试设计数据源 首先 我在客户端创建了一个 JS 对象 var JSONObject cols id date label Date type date id soldpenc
  • Javascript 当我们在 Chrome 中选择“停留在页面上”时如何调用函数

    请在 Chrome 浏览器中检查我的代码 如果您点击刷新 系统会提示您 2 个选项 离开此页面并 保持此页上 当我点击2 停留在此页面按钮它必须激活我的自定义功能显示消息 任何人都可以为我提供解决方案吗
  • 使用正则表达式验证字符串是否安全

    我有一个网站 用户可以在其中选择用户名 目前 他们可以输入几乎任何字符 包括 ETC 我知道我可以使用正则表达式 这可能就是我的选择 我将使用否定集 我认为这是正确的工具 如下所示 那么 我怎样才能知道要放入该集合中的所有非法字符呢 我可以
  • 在移动浏览器或 PhoneGap 应用程序之间进行检测

    是否可以使用 JavaScript 检测用户是否通过浏览器或应用程序进行访问 我正在通过网页和 PhoneGap 应用程序开发适用于多个移动操作系统的混合应用程序 目标是 独立于部署目标使用相同的代码 仅当用户代理是应用程序时添加 Phon
  • 为什么我必须将所有脚本放入 jquery mobile 中的index.html

    我在我的phonegap jquerymobile 项目中使用 mobile changepage 进行重定向 然而让我困惑的是我需要将所有页面的脚本放在同一个文件index html中 如果不是 则重定向页面无法执行其标头中的函数 例如
  • JavaScript 中的 ParseFloat 函数

    当我添加两个文本框值时1 001 and 0 001然后我做了一个parseFloat I get 1 0019999999 我要它1 002 你能帮助我吗 JavaScriptNumber http www w3schools com j
  • 仅当 url 以 www 为前缀时才会发生 CORS 错误

    我目前遇到一个关于 CORS 跨源资源共享 的问题 奇怪的是 只有当我使用 www url 前缀时 才会出现这种情况 例如 当我使用以下网址访问我的网站时 http example com index http example com in
  • 在 Cytoscape.js 中为家谱设置边缘样式

    我有一个使用 Django 的家谱应用程序 我正在尝试使用http js cytoscape org http js cytoscape org对于用户界面 我想设置之间的边缘样式浪漫的伴侣像这样 http www eprintableca
  • YouTube - 右键单击​​时不显示上下文菜单

    想法 通过使用右键拖放到视频播放器上来查找 YouTube 视频 例如 每 2 屏幕宽度 1 秒 因此 在 1920x1080 的屏幕上 如果我按下鼠标右键 将其向左拖动 384 像素 20 然后松开 视频应该快退 10 秒 我有一个 Gr
  • Antd datepicker (date.clone/date.load 不是函数)

    我有一个反应应用程序 有一个复选框可以禁用日期选择器 但当我使用复选框禁用它时 我无法选择任何日期 如果我删除复选框及其功能 则不会出现错误 目前 我得到 date clone 不是函数 error const dateFormat YYY
  • 如何在 d3.js 中填充 svg 圆圈内的图像

    这是我在 svg 中填充圆圈的代码 var svgContainer d3 select body append svg attr width 1000 attr height 1000 var circles svgContainer s
  • 在 Jscript 中实例化 System.Threading.Thread 对象

    我正在尝试使用 Jscript 创建一个新的 System Threading Thread 对象 但我无法让构造函数工作 如果我只是执行以下操作 var thread new Thread threadFunc function thre
  • 需要将焦点放在react中的div上

    我有一个之前用 H1 标签包裹的文本 页面加载后 我需要专注于该文本 为了方便起见 我将它包装在 div 中 render const translate billing primaryContactSelection true this
  • LINQ SingleOrDefault() 等效项

    在 Typescript 中 我经常使用这种模式 class Vegetable constructor public id number public name string var vegetable array new Array
  • 如何使 Meteor 上的服务器可以访问文本文件

    我很惊讶我无法在这里搜索我的答案 似乎没有其他人遇到这个问题 当您运行meteor服务时 js html等被打包在 meteor local build文件夹中 但它似乎排除了不是js或html的内容 我有一个名为 magicsets 的文
  • bootstrap-datetimepicker 仅显示日期

    我正在用这个repo https github com smalot bootstrap datetimepicker由 smalot 提供 我只想选择并显示日期 对于其他一些地方 我显示数据和时间 因此选择此存储库 我可以设法仅使用它来选
  • 在 Nest.js 中发送之前如何格式化响应?

    我按照文档进行操作 并能够添加用于响应映射的拦截器 我想要一致的 json 格式输出作为响应 我怎样才能用拦截器或其他比这种方法更好的方法来实现这一点 statusCode 201 message Custom Dynamic Messag
  • 获取css规则、chrome扩展

    我正在开发 Chrome 扩展程序 它需要访问document styleSheets cssRules 它在某些网站上运行良好 例如w3school 但其他人则不然 比如堆栈溢出 我收到错误 Failed to read the cssR

随机推荐

  • 将字符串列表转换为排序的映射字符串长度作为键

    我有一个List
  • 动画汉堡导航

    我正在为我的网站创建一个完整的页面导航阴影 以便它在所有设备上都相同 目前我有两个按钮 一个用于当阴影在视野中时 一个用于当阴影不在视野中时 我想知道是否让一个按钮始终存在以便可以动画化会更好 我的目标是像squeeze动画片here ht
  • 固定大小缓冲区不能直接从“this”对象使用

    我使用结构来表示纯数据 其中一个字段是固定大小的缓冲区 如下所示 StructLayout LayoutKind Sequential Pack 2 unsafe struct ImageDosHeader private fixed us
  • 如何解决部署到heroku时rails中的更新捆绑器警告?

    出现以下警告该如何解决 我将 ruby 版本更新为 2 3 1 将 Rails 版本更新为 4 2 6 当我将应用程序推送到 heroku 时 我收到此警告 remote Cleaning up the bundler cache remo
  • 在 php 数据表中添加属性以用于 google 图表自定义 html 工具提示

    我正在尝试通过将自定义 html 工具提示添加到数据表中来在我的 google 图表中创建自定义 html 工具提示 现在我的数据表正在 PHP 中创建 如下所示 datatable array cols gt array array ty
  • 如何获取事务内SELECT语句的结果?

    我无法通过 PostgreSQL 文档 网络甚至 StackOverflow 获得有关这个简单问题的信息 我一定不明白这里的一些重要内容 我正在做一个简单的SELECT UPDATEPostgreSQL 中的事务 START TRANSAC
  • 处理时间序列中的缺失值

    我正在处理时间序列数据 我需要有连续的时间戳 但在捕获时很少有数据时间戳点被遗漏 如下所示 DF ID Time Stamp A B C 1 02 02 2018 07 45 00 123 567 434 2 02 02 2018 07 4
  • OK Google 搜索操作会导致 VoiceInteraction() 始终返回 false

    In the 语音交互 API 的 Google CodeLabs 示例 http io2015codelabs appspot com codelabs voice interaction 活动是使用以下意图过滤器定义的 请参阅步骤 6
  • Perl 中 BEGIN 块的作用是什么?

    我知道 BEGIN 块是在 Perl 程序主体之前编译和执行的 如果您不确定 请尝试运行命令 perl cw ms dist perl5 bin perl5 8 use strict use warnings BEGIN print Hel
  • Microsoft Graph:使用测试版获取用户日历事件

    我正在尝试使用 Microsoft Graph beta 版本获取用户日历事件 我可以通过此请求获取日历信息 https graph microsoft com beta users user calendars calendarid 然后
  • 如何使用 XDocument 保留所有 XML 格式?

    我正在尝试读取 XML 配置文件 进行一些调整 查找并删除或添加元素 并再次保存它 我希望此编辑尽可能不具有侵入性 因为文件将受到源代码控制 并且我不希望无关紧要的更改导致合并冲突等 这大致是我所得到的 XDocument configDo
  • 设置wpf图像的图像源

    我知道有一些类似的问题 但它们对我没有帮助 有以下代码可以在代码后面显示图像 BitmapImage logo new BitmapImage logo BeginInit logo UriSource new Uri pack appli
  • PHP/Mysql 搜索 - 区分大小写

    我使用以下 PHP 和 MySql 从表中获取行 search word GET search word search word new mysql escape string search word search word fix str
  • 如何确定SSE预取指令大小?

    我正在使用包含 SSE 预取指令的内联汇编的代码 预处理器常量确定是否使用 32 64 或 128 字节预取的指令 该应用程序在多种平台上使用 到目前为止 我必须在每种情况下调查对于给定 CPU 来说哪一个是最佳选择 据我所知 这是缓存行大
  • 具有 MYSql 的实体框架,在复杂实体返回类型中不返回列

    我将 MySQL 与 edmx 文件结合使用 我在向存储过程添加函数时遇到问题 当我选择 复杂类型 并按 获取列信息 按钮时 我收到以下消息 所选存储过程不返回任何列 当我在 SQL Server 中创建相同的过程 然后将该函数添加到新的
  • 无法使级联组合框工作

    我正在尝试制作级联组合框 但我似乎无法让它工作 例如 如果我在第一个组合框中选择特定计算机 那么第二个组合框应仅显示与该计算机兼容的硬盘 我还提供了我创建的数据库的链接 谁能帮我解决这个问题吗 我有 2 个带有字段的表 tblCompute
  • 是否有任何可以以编程方式调用的 Eclipse 重构 API?

    我需要从广义上重构代码 我知道从 Eclipse IDE 内部我可以重构我的类 但是是否有任何 API 可以在 java 项目中使用 以便我可以通过代码动态重构项目 我需要一些关于如何实现以下目标的想法 一个调用所有 Eclipse 重构进
  • 从 Laravel 本地存储中的特定目录中删除文件

    我将文件存储在本地存储中 所以 在 storage app public目录 我将我的文件存储在 storage app public userId images I used php artisan storage link 这样我就可以
  • NETCONF(.Yin/Yang 文件)中的 include 和 import 语句有什么区别

    我知道您可以创建一个单独的 yang 文件 类似于存储 MIBS 语法值的文本约定 并将其导入另一个 yang 文件以使数据更有组织性和结构化 但我似乎无法理解其中包含的内容声明有不同吗 它是否将整个文件 导入 到包含它的文件中 如果是这样
  • 尝试连接 Sass 变量和字符串

    我正在尝试将 Sass 变量与字符串连接起来 我该怎么做 下面有一个代码示例 mixin setIcons pathImages pathImages extensionIcon extensionIcon each class icon