less相关内容

CSS3 关键帧动画:结束并停留在最后一帧

我在尝试播放 CSS3 关键帧动画并在动画完成后让相关元素停留在最后一帧时遇到了一些困难.据我了解,我必须为此设置的属性应该是 animation-fill-mode,它应该具有 forwards 的值;这没有任何作用. .animatedSprite {.animation-name:精灵;.animation-duration: .5s;.animation-iteration-count: ..
发布时间:2021-11-10 05:43:13 前端开发

Angular CLI 'ng serve' 忽略更少并使用可用的 css

我正在将 Angular CLI 用于 Angular2 项目.而且我的造型使用较少. 要使用 Angular CLI 编译 less 文件,我必须导入 less 文件及其绝对路径.这打破了编辑器的智能感知.因此,我不想使用 AngularCLI 附带的 LESSPlugin,而是想使用 IDE 的 less watcher 和编译器(在 vs code 和 webstorme 中可用)来将 ..
发布时间:2021-11-09 00:27:47 前端开发

在 git bash 中如何增加less的屏幕宽度?

我在 Windows 10 上使用 git bash 2.32. 在更新到 2.32 后的 git bash 中,我看到用于显示日志的命令的奇怪行为: git -c core.pager='less -S -F' log --all --decorate --oneline --graph 如您所见,我尝试使用“一只狗"带有 less 分页器的命令配置为在 EOF 时退出并剪切长度超过当 ..
发布时间:2021-09-26 18:30:54 其他开发

在 Nuxt 中通过 @use 使用最新的 SASS

我想在我的项目中使用 sass.我有“节点 sass"和“sass-loader"安装后,我可以使用 sass 的导入、变量和其他未来,但我不能使用“@use";用于使用@mixin 或@function. “依赖项":{“@babel/core":“^7.14.3",“babel-loader":“^8.2.2",“core-js":“^3.9.1",“nuxt":“^2.15.3",“引导程 ..
发布时间:2021-09-20 19:30:52 前端开发

如何使用 Antd/Less 和 Sass/CSS 模块配置 Next.js

我想将 Next.js 与 Sass 和 CSS 模块一起使用,但也想使用 Ant Design 并希望使用 Less 样式来实现更小的建筑尺寸. 我可以启用 CSS 模块或 Less 加载程序,但不能同时启用.Next.js 中的示例并没有帮助我解决这个问题. 解决方案 经过几个小时的研究,我现在终于找到了正确的解决方案,并想分享它: .babelrc(这里没有魔法) {“ ..
发布时间:2021-06-07 20:02:51 其他开发

CSS:您可以在图例集中在左边界居中的图例中吗?

我正在尝试获取一个图例并将其附加到左边框.我想垂直显示它.这可能吗?参见下面的示例 左边框应如下所示: __________________________________|||一些文字在这里|||| __________________________________ 解决方案 您可以完全定位图例,然后使用过渡进行略微校正.CSS如下所示(向字段集中添加了左填充,因此内容不会与图 ..
发布时间:2021-05-29 20:29:15 前端开发

定义新的CSS颜色名称

我们知道HTML标准定义了一堆颜色,但是我可以在更少的CSS中定义和使用新颜色吗? 说我想有一个DoctorWhite颜色,我想像这样使用它 background-color:DoctorWhite; 我知道很少有 css 可以定义变量并将其与 at(@) 符号一起使用.但这看起来不像是本机颜色. 用更少的CSS就能实现吗?还是其他CSS预处理器支持此功能? 解决方案 ..
发布时间:2021-05-29 20:29:12 前端开发

在属性选择器表达式中将变量混入属性名称中

如何正确实现以下语法? .jacket(@ classname,@ attrname,@ value){.class-prefix-@ {classname} [some-prefix-@ {attrname}〜="@ {value}"] {//^错误从这里//属性}} lessc显示存在 SyntaxError:预期的']'得到了'@' 解决方案 实际上看起来像是一个错误,这个解 ..
发布时间:2021-05-29 20:29:08 前端开发

当LESS变量值转换为字符串时删除空格

下面是示例较少的混合代码 .mixin(@option){.set(@options)何时(@options = a){@type:线性;}.set(@option);背景:-webkit-〜'@ {type}'-gradient(...);} 输出 背景:-webkit- linear -gradient(...); 如何删除 linear 周围的空间? 解决方案 Less ..
发布时间:2021-05-29 20:28:49 其他开发

是否可以让LESS解析器在链接标记中的多个LESS文件之间创建共享作用域?

抱歉,我的措辞令人恐惧. 对于我正在处理的项目,我想管理服务器上我的LESS文件的各种依赖关系.由于项目的结构方式(不同的组件以不同的方式符号链接),因此仅使用@import来构建依赖项等会受到更大的限制. 理想情况下,我想在此部分中吐出所需的LESS文件列表,例如: ..
发布时间:2021-05-29 20:28:44 其他开发

较少的变量范围/上下文

我的更少代码是这样的: body {@var:白色;& .blue {@var:blue;}& .red {@var:red;}& .abc {@var:#badass;}背景颜色:@var;} 我希望是,如果 body 具有类 .abc ,则变量 @var 的值将是 #badass(如果您具有类 .blue ),则值为 blue ,依此类推.但这不是发生的情况,变量的值不会随其剩余类而改 ..
发布时间:2021-05-29 20:28:41 前端开发

简化LESS mixin

我有一些根据要传递的面(上,右,下,左或全部)来留出边距的一点点: .margin(@ px,@ side)when(@side = top){(){margin-top:〜"@ {px} px";}}.margin(@ px,@ side)when(@side = right){(){右边距:〜"@ {px} px";}}.margin(@ px,@ side)when(@side = bo ..
发布时间:2021-05-29 20:28:38 其他开发

使用webpack创建更少的捆绑包

我需要使用webpack创建一个bundle.less文件,该文件的行为与less-loader + exctract文本插件相同,除了它不应少编译为CSS,仅连接所有所需的较少文件并内联较少的导入. 原因是我有一些在运行时会解析的变量(以允许用户自定义应用程序主题),但我想将其捆绑在生产捆绑的资源中,而不是整个源文件集合中. 有没有办法用现有的插件来做到这一点,还是我需要编写一个 w ..
发布时间:2021-05-29 20:28:33 其他开发

env:节点:少编译时,在phpstorm中没有这样的文件或目录

我正在尝试使用phpstorm将 main.less 文件编译为 main.css 文件.但是,出现此错误, .less 文件无法编译. /usr/local/bin/lessc main.lessenv:节点:没有这样的文件或目录流程结束,退出代码为127 我正在使用Mac,不确定为什么会这样.之前它运行良好,但是我重新启动了计算机,现在出现此错误. 有人知道为什么会这样以及如何解决 ..
发布时间:2021-05-29 20:28:23 其他开发

引导导航栏边距

我想使导航栏竞争的左右边距变小,以便“品牌"(最左侧的组件)在左侧比默认显示更多,而在右侧组件则相同. 有人可以指出我要修改的较少相关变量吗? 谢谢 解决方案 使用基本布局,您想要的CSS选择器是 body>.navbar .brand 在左边距和右边距处进行播放,直到获得所需的结果为止.根据您如何调用CSS样式,您可能还需要添加!important,例如 body ..
发布时间:2021-05-29 20:28:18 其他开发

将此CSS转换为Less

我有以下CSS代码,我想将其转换为LESS .navbar-nav,.navbar-nav>,.navbar-nav>&一种 {高度:100%重要} 这是HTML: 链接 ..
发布时间:2021-05-29 20:28:15 其他开发

git:显示默认/已配置的寻呼机命令

Git允许进行广泛的配置,其中一个值为 core.pager .如果未设置此值,则Git会在内部执行一些逻辑以自动确定寻呼机应该是什么. core.pagerGit命令使用的文本查看器(例如,更少).该值应为由外壳解释.优先顺序为$ GIT_PAGER环境变量,然后是core.pager配置,然后是$ PAGER,然后是默认值在编译时选择(通常较少).当未设置LESS环境变量时,Git会将其设 ..
发布时间:2021-05-29 20:28:12 其他开发

从LESS中获取最小化的CSS输出的最佳方法是什么?

是否可以从LESS中自动获取缩小的已编译CSS?每次更改内容时,都必须手动对其进行压缩. 我使用less.js来编译LESS. 谢谢. 解决方案 $ lessc styles.less -x compress命令已被弃用. 您将必须使用此命令 $ lessc -clean-css style.lessstyle.min.css 在使用上述命令之前,您必须使用以下命令 ..
发布时间:2021-05-29 20:27:55 其他开发