PostCSS定义功能 插件来实现sass @function。 @define-function rem($val) { @return $val / 640 * 10 * 1rem; } @callFn . foo { /* Input example */ height : rem ( 640 ); } . foo { /* Output example */...
PostCSS定义功能 插件来实现sass @function。 @define-function rem($val) { @return $val / 640 * 10 * 1rem; } @callFn . foo { /* Input example */ height : rem ( 640 ); } . foo { /* Output example */...
PostCSS插件,用于将多个主题添加到CSS文件。 将为旧版浏览器创建类替代,并为现代浏览器使用CSS变量。 :rocket: 支持light和dark配色方案 :rocket: 创建组件级主题 :rocket: 支持范围界定CSS变量名称以减轻...
postcss-nested-vars 插件,用于嵌套变量。 介绍 代替假定所有变量都是全局变量,此插件假定可以在当前的嵌套容器上下文中或在其祖先之一(即,根,规则或规则)中找到您要查找的变量。 $color : red ; a { color...
减少身份 使用PostCSS减少。安装使用可以: npm install postcss-reduce-idents --save例子输入该模块将重命名CSS文件中的自定义标识符; 它通过将每个名称转换为一个索引来实现,然后将其编码为合法标识符。 CSS中...
postcss嵌套道具 插件可解开。 嵌套属性 CSS具有“命名空间”中的许多属性; 例如, font-family , font-size和font-weight都在font名称空间中。 在CSS中,如果要在同一名称空间中设置一堆属性,则必须每次将其...
PostCSS清理器插件可清理未使用CSS。描述无论源文件扩展名如何,此插件都会在源文件中搜索选择器是否存在。 如果可以找到选择器,则将其删除。 它不会创建任何虚拟DOM。 相反,它只是读取您的源文件代码以检查每个...
postcss 缓存 PostCSS 的包装器,用于处理、缓存和内联@import规则以进行增量构建postcss-cached接受一个 CSS 文件并计算@import依赖项的树。 它从下到上处理这棵树,缓存每个单独的结果。 当文件发生变化时,只需要...
前端开源库-postcss-variablespostss变量,postss插件,用于将变量转换为css
PostCSS 图像颜色 PostCSS 插件获取图像主色。 . photo { background-color : image-color ( "photos/summer.jpg" ); width : 200 px ;}. photo { background-color : rgb ( 151 , 189 , 212 ); width : 200 px ;}...
PostCSS插入 一个插件,可以将CSS属性从一个类插入另一个类,例如Sass的@extend更好! 好吧,如果您在了解@extend之前就已经使用过Sass,那么这个概念非常简单:您可以采用一个类的属性,然后以一种简单的方式将它们...
postcss-sort 用于排序属性的 PostCSS 插件 用法 postcss ( [ require ( 'postcss-sort' ) ] ) 有关您的环境的示例,请参阅文档。 默认情况下,属性按字母顺序排序。 如果您想以另一种方式对它们进行排序,您...
postcss-ase-colors [![生成状态] [CI-IMG] [CI] [CI-IMG]: [CI]: 插件,用于替换文件中的颜色值。 ASE文件是主要由Adobe产品使用的调色板:Photoshop,Illustrator,InDesign和Kuler。 使用包读取文件。 ...
list-selectors 可以列出你在 CSS 使用的 selector,它可作为一个独立的函数,CLI, 或者 PostCSS 插件。使用示例:var listSelectors = require('list-selectors'); listSelectors( ['style/**/*.css', '!...
PostCSS构成简写 插件增加了从模块组成类的简写。 与结合使用。用法 postcss ( [ require ( 'postcss-composes-shorthand' ) ( [ 'bar' , { shorthand : 'hi' , name : 'hello' } ] ) ] )输入CSS . foo { bar : a b ...
PostCSS设计系统 插件,用于从JSON主题文件生成CSS自定义属性(变量)。 主题配置可以来自任何CSS-in-JS库的<ThemeProvider> ,例如 。 它也可以与。 例子 JSON主题文件示例: { " breakpoints " : [ 30 , 48 , ...
PostCSS初始 插件作为后备initial关键字。 与结合使用时非常有用。 a { animation : initial; background : initial; white-space : initial;}p { background : url (/img1.png) , url (/img2.png); background-...
PostCSS BaseCSS 插件,它提取基本CSS规则以将它们内联到index.html中,类似于关键CSS。 安装 npm install postcss-basecss --save 用法 postcss ( [ require ( 'postcss-basecss' ) ( options ) ] ) 选项 默认选项...
PostCSS多重尾风 插件可轻松处理多个配置。 +-- admin | +-- index.css | +-- tailwind.config.js +-- front-end | +-- index.css | +-- tailwind.config.js +-- postcss.config.js +-- package.json 这使您可以为...
postcss-js-styles 将 css 转换为 javascript 对象的插件 在制品 . main { background : # fff ; width : 100 % ; height : 100 % ; } . button { background : blue; } 调用result.toJS()返回: /* result....
PostCSS视口 这样一来,您就...postcss ( [ require ( 'postcss-viewports' ) ( options )] ) 选项: viewports ,您的视口名称和最大宽度的列表。用法body { font-size : 14 px ;}/* Just apply to next property *
postcss-组件 插件将@component规则转换为 javascript 对象并从 CSS 文件中删除 在制品 @component App { . main { width : 100 % ; height : 100 % ; } . button { background : blue; } } @component ...
npm install --save-dev postcss postcss-combine-duplicated-selectors# oryarn add --dev postcss postcss-combine-duplicated-selectors使用PostCSS JS API 'use strict' ;const fs = require ( 'fs' ) ;const ...
postcss-annotation-include PostCSS插件,用于基于注释的注释,包括其他规则集中的属性。 使用此插件,可以通过@include使用其他规则的内联扩展属性声明。 安装 $ npm install postcss-annotation-include 例子 ...
PostCSS丽贝卡·紫色 允许您在CSS中使用rebeccapurple color关键字。 .heading { color : rebeccapurple; } /* becomes */ .heading { color : #639 ; } 关于rebeccapurple关键字 2014年,美国网络设计顾问的...
PostCSS Nest Atrules 插件可将atrules嵌套在其规则内(反扭曲)。 我制作此插件的主要原因是,它可以轻松地将CSS转换为CSS-in-JS。 . root { color : red; } @media screen and ( min-width : 5 em ) { . root...
esbuild-plugin-postcss-literal 标签模板文字插件的 。 安装 npm install esbuild-plugin-postcss-literal -D 用 button.css.js const styles = css ` . button { & . -primary { background : var ( --...
汇总插件 postcss 点亮 在 LitElement 组件中加载 PostCSSed 样式表的 Rollup 插件 安装 $ npm i -D rollup-plugin-postcss-lit 用法 在postcss之后添加postcssLit插件。 这将 PostCSSed 样式包装在 Lit 的css模板...
PostCSS排序媒体查询 插件,用于使用移动设备优先或桌面优先方法对CSS媒体查询进行合并和排序。 将相同的媒体查询合并为一个-这是该插件的意外副作用 :dna: 例子 移动优先排序 /* before */ @media screen and ( ...
PostCSS降级变量 用于降级CSS变量的插件。 : root { --primary-background : # fff ; --green-color : # 0f0 ;}. class { background : var ( --primary-background ); background-image : linear-gradient (to top ...
postcss导入解析器 安装 $ npm install --save postcss-import-resolver # or $ yarn add postcss-import-resolver 用法(Webpack) const resolver = require ( 'postcss-import-resolver' ) const postcssLoader...