首页 文章
  • 403 votes
     answers
     views

    禁用LESS-CSS覆盖calc()[重复]

    这个问题在这里已有答案: Less aggressive compilation with CSS3 calc 4个答案 现在我在我的LESS代码中尝试在CSS3中执行此操作: width: calc(100% - 200px); 但是,当LESS编译它输出时: width: calc(-100%); 有没有办法告诉LESS不要以这种方式编译并正常输出?
  • 12 votes
     answers
     views

    如何在webpack中以正确的顺序导入样式

    我使用bootstrap css和一个用less编写的附加模板 . 我导入反应组件的根组件 . 不幸的是,即使较少的文件是导入的第二个文件,引导程序中的样式也会覆盖较少的样式 . 有没有办法确保webpack的样式顺序 . 这是根组件: import React from "react"; import Dashboard from "./dashboard&quot...
  • 9 votes
     answers
     views

    使用angular2 cli编译更少的文件

    我在angular-cli-build中进行了以下设置 Angular2App(defaults,{ lessCompiler: { includePaths: [ 'src/app' ], } }) 我在 src 目录中有两个少测试文件 . test1.less //some code test2.less @import "test1....
  • 1 votes
     answers
     views

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

    我正在为Angular2项目使用Angular CLI . 我的造型使用较少 . 要使用Angular CLI编译较少的文件,我必须使用其绝对路径导入较少的文件 . 这打破了编辑的智能感知 . 因此,我不想使用AngularCLI附带的LESSPlugin,而是希望使用IDE的较少观察者和编译器(在vs代码和webstorme中可用)来编译较少的css . 但是源代码中仍然存在较少的文件,“ng服...
  • 8 votes
     answers
     views

    如何为Angular 2 CLI构建添加更少的内容?

    我用Angular CLI创建了一个项目,我想在构建中添加更少的文件 . 我想要一个主要的少用于共享和全局样式,少一个文件用于本地样式的组件 . 如何在构建过程中添加无编译文件步骤?
  • 0 votes
     answers
     views

    Angular 4 with Bootstrap - LESS / SASS

    我在Angular中使用bootstrap . 因为我们在Angular中的每个组件旁边都有css文件,所以我想知道SASS / LESS扮演什么角色 . 例如 . 如果我试图将LESS / SASS纳入我的角度应用程序中,我是否会逆流而行?
  • 0 votes
     answers
     views

    防止Angular CLI编译较少的文件

    我正在尝试使用较少的变量将动态主题应用于我的网站 . 这是一个简化的场景: 文件:site.less @primary-color: 'red' 文件:foobar.component.less @import '../site.less'; .some-element { background-color: @primary-color; } 这适用于初始页面加载,背景颜色为红色 ....
  • 0 votes
     answers
     views

    如何将多个较少的文件合并到一个css文件中?

    我正在使用 react-script 来构建和打包我的应用程序 . 我的每个react组件都使用自己的 less 样式文件,下面是 package.json 中定义的脚本,用于将这些较少的文件编译为css文件: "scripts": { "build-css": "node-less-chokidar src/ -o src/"...
  • 0 votes
     answers
     views

    在每个角度组件模板中导入相同的.less文件?

    在我的角度cli项目中,我有: angular-cli.json: "styles": [ "styles/styles.less" ], styles.less: @import 'general'; general.less: .pointer { cursor: pointer; } 在 component's styles .less 我使用...
  • 0 votes
     answers
     views

    在Angular中使用Less的全局变量

    我将我的项目设置为Less in Angular,以便在我的CSS中使用变量的好处 . 但问题是我必须在每个组件中定义那些不能使其有效的变量 . 有没有办法将变量设置为globaly? 所以我想摆脱这个: 在我的组件中: @pink-color: #FC9DB5; // I want to get this from a single // file w...
  • 1 votes
     answers
     views

    Angular 6 - 更少的CSS'导入不再起作用

    我想重新使用一个使用Less的Angular 5项目中的一些结构 . 在这个旧项目中,我可以在组件中使用此行简单地加载 .less 文件: @import '~app/shared/less/bootstrap'; 这会加载: /my-app/src/app/shared/less/bootstrap.less 现在我有一个空白的Angular 6项目,它也被配置为使用Less作为预处理器:...
  • 1 votes
     answers
     views

    如何使用react-hot-loader重新加载CSS样式?

    我有一些正在开发的React应用程序,它不小(CRM就像许多以CRUD操作为特色的组件) . 我们正在使用热重装但它不舒服,它没有正确地重新加载redux-sagas,所以我们把它关掉了 . 我们希望部分恢复热重新加载 - 仅适用于样式表 . 我想工作的反应热门加载器的方式是观察* .less文件更改并在需要时重新加载它们 . 我们使用的是Webpack 3.9,Less 3.0和less-loa...
  • 0 votes
     answers
     views

    Less:为font-family变量添加font-weight的最简单方法

    我正在研究一个使用LESS进行样式化的系统 . 字体系列的变量如下所示: @font-family-regular: "robotoregular", sans-serif; @font-family-bold: "robotobold", sans-serif; @font-family-condensedregular: "roboto_con...
  • 1 votes
     answers
     views

    Webpack 2.1.0-beta.6配置文件没有为Windows上的样式拾取加载器

    我正在尝试使用webpack 2.1.0-beta.6的样式,css,less和文件加载器来捕获Windows Server 2008,Babel 6和Node 4.3 . 如果webpack有这个加载器配置: loaders: [ { test: /\.less$/, loaders: ['style-loader', 'css-loader', 'less-lo...
  • 0 votes
     answers
     views

    Bootstrap模态中的角度材料下拉

    我有一个Angular 5应用程序,必须在Bootstrap模式中使用Angular Material的 mat-select . 问题是下拉选项出现在模态后面 . 我的代码看起来像这样: <mat-form-field class="mdb-form-field form-adjustments"> <mat-select placeholder=...
  • 0 votes
     answers
     views

    如何在更少的情况下导入CSS-in-JS样式

    我们有一个包@atlaskit/theme,用js导出样式 . 当在js中导入并在使用styled-components的组件中使用时,此包非常有效 . 现在我们有更少的样式文件,我们想要使用这个包 . 但我看不到有办法这样做 . 欢迎任何建议或想法 . 我试过的东西不起作用: 在构建时使用JS中的样式创建一个较少的文件:这样做不是一个选项,因为很多东西都是从包中导出的,编写逻辑来过滤掉东西在开...
  • 0 votes
     answers
     views

    如何翻译成typescript:require('module') . globalbacks.s.shush(process.env.NODE_MODULES_PATH);

    我使用vue ui创建了一个带有打字稿的vue项目,然后我添加了电子,iview和更少... 我只纠正了* .ts文件中的词法问题,但是当我在vue ui中运行vue-cli-service服务任务时,我得到以下输出: Total task duration: 1191.84s $ vue-cli-service serve --mode development --dashboard INFO...
  • 0 votes
     answers
     views

    当我编译我的文件时,为什么我不能编译样式文件?

    英语不是我的母语;请原谅输入错误 . 我生成了一个工作区enter image description here; 然后我运行“tsc -p” . 编译我的文件; 这是生成的文件enter image description here 我在dist目录中找不到“index.less” . 这意味着在运行“tsc”时,不会编译样式文件 . 那我怎么能用tsc或其他方式编译样式文件呢; 谢谢;
  • 205 votes
     answers
     views

    将.css文件导入.less文件

    你能把.css文件导入.less文件......? 我对此很熟悉,并将其用于我的所有开发 . 我经常使用如下结构: @import "normalize"; //styles here @import "mixins"; @import "media-queries"; @import "print"; 所有导入...
  • 1 votes
     answers
     views

    错误:找不到模块'less'

    运行命令时: "C:\Program Files (x86)\nodejs\node.exe" "C:\Users\dule\AppData\Local\Temp\ass2560.tmp" 我收到此错误: 错误输出:module.js:339 throw err; ^错误:在Module.require的Function.Module._load(modu...
  • 0 votes
     answers
     views

    检测相关的字体大小并包含块宽度

    样式化流体布局和可调整大小的文本网页时,必须始终牢记相关的字体大小(对于em的单位)并包含当前样式元素的块宽(百分比单位) . 这是一个松散的时间,总是要警惕父元素的宽度,或者你是否修改了当前元素或其祖先之一的字体大小 . 使用动态样式表(如Sass或Less)很容易实现mixins或函数,它们关注数学背后的em和百分比计算(简单除法),因此你可以用像素写出大小并忘记翻译,但无论如何你都有据我所知...
  • 0 votes
     answers
     views

    更简单的方法是调用mixin SASS而不是@include

    我目前正在使用混合使用rem字体大小和SASS中的像素回退,以获得响应的字体大小 . 我正在使用这个mixin: @mixin font-size ($size) { $remValue: $size / 16; $pxValue: ($size); font-size: $pxValue + px; font-size: $remValue + rem; ...
  • 1 votes
     answers
     views

    使用LESS变量的IE8 REM回退

    我需要IE8的REM回退,有大量的mixin通过计算px等价物并将其作为回退的REM样式放在上面来解决这个问题,但是我的REMS被声明为变量的一部分所以我不这样做认为这可行 . 我已经尝试过Chuck Carpenter的polyfill,因为某些原因它不能使用我编译的样式表 . 我想到的另一件事是使用带有em的条件样式表而不是IE8的rems,但是每次正常样式表进行任何更改时都需要更新和转换,所...
  • 0 votes
     answers
     views

    带有圆角的HTML / CSS表,javascript-border更改不起作用

    我有一个圆角的 table . 这个基本的CSS就是我在table-element上添加了类.table-bordered,如下所示: .table-bordered { border: 1px solid @tableBorder; border-collapse: separate; .border-radius(@baseBorderRadius); ...
  • 0 votes
     answers
     views

    如何更改.less文件上更漂亮的行为?

    我在我的Typescript项目中使用Visual Studio Code和prettier . 它还格式化less文件 . What prettier does is putting every selector on a single line.. body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4... { margin: 0; padding: 0...
  • 22 votes
     answers
     views

    相当于SASS中的LESS 's “import (reference) ' style'“

    除了application.css.scss之外,我还有多个部分,比如homepage.css.scss . 目前,我必须为每一个添加@import'bootstrap',以便使用bootstrap变量和mixins . 假设我想将默认链接颜色更改为红色,我将其添加到application.css.scss . 但是homepage.css.scss中的链接不会是红色的,因为引导程序导入会用蓝色覆...
  • 1 votes
     answers
     views

    使用gulp / gulp-watch-less自动编译bootstrap less文件不会重新生成css

    我安装了nodejs和gulp来自动编译带有gulp-watch-less模块的bootstrap less文件(v 3.3.5) . 一切都工作正常,期待一件事:我必须停下来并开始gulp重新生成bootstrap.css . 有关信息,Gulp检测到bootstrap.less中包含的.less文件被修改,我有以下消息: [23:14:40] Starting 'default'... [23...
  • 2 votes
     answers
     views

    添加类到甜蜜警报

    我正在尝试为我的模态添加一个额外的类,以便我可以从LESS中选择它并将其背景变为透明 . 但是customClass不起作用 . 有没有其他方法可以做到这一点 . BTW我已经用默认类改变了很多,所以我只需要一个模态就可以做到这一点,不能影响全局的swal . swal({ title: success, showConfirmButton: false, h...
  • 2 votes
     answers
     views

    如何在较少的CSS中使用谷歌字体?嵌入式自定义字体的任何其他解决方案更少?

    how to use google font in less css ? 或更少的嵌入式自定义字体的任何其他解决方案 http://fonts.googleapis.com/css?family=Source Sans Pro:400,600,600italic,700,700italic,900,900italic,400italic'rel ='styleheet'type ='text / ...
  • 22 votes
     answers
     views

    如何在Angular 2中使用Less?

    我想知道如何为Angular 2项目添加更少的编译 . 因为每个组件都有自己的.css文件(现在它将是.less文件)我不知道如何将文件编译为css ... 我也搜索了这个问题而没有找到解决我问题的方法 . 编辑为了使我的问题更清楚:我希望每个组件都有一个.less,就像它在Angular 2中的.css文件一样默认 . 我只想要每个.less都要预编译,因为Angular包括在Angular处理...

热门问题