PostCSS JS 于React内联样式,Radium,JSS和其他CSS-in-JS的 。 例如,要在工作流程中使用 , 或插件。 用法 加工 const postcssJs = require ( 'postcss-js' ) const autoprefixer = require ( 'autoprefixer' ) const prefixer = postcssJs . sync ( [ autoprefixer ] ) const style = prefixer ( { userSelect : 'none' } ) style //=> { // WebkitUserSelect: 'none', // MozUserSelect: 'none', // msUserSelect: 'n
2022-11-22 22:20:23 111KB JavaScript
1
PostCSS HTML语法 用于解析HTML(和类似HTML)的语法 入门 首先,安装模块: npm install postcss-syntax postcss-html --save-dev 如果要支持SCSS / SASS / LESS / SugarSS语法,则需要安装相应的模块。 SCSS: SASS: : 糖SS: 用例 const postcss = require ( 'postcss' ) ; const syntax = require ( 'postcss-html' ) ( { // syntax for parse scss (non-required
2022-11-22 22:17:40 13KB css html parsing postcss
1
postcss-flexbugs-fixes, PostCSS插件,试图修复flexbug的所有问题 PostCSS Flexbugs修复 这个项目试图修复所有问题的插件。 Bug 4输入.foo { flex: 1; }.bar { flex: 1 1; }.foz { flex: 1 1 0; }.b
2022-06-11 22:13:40 26KB 开源
1
Nuxt PurgeCSS-删除多余CSS! 产品特点 轻松删除不需要CSS Webpack或PostCSS模式 已经带有强大的默认设置 建立在 Nuxt 2(仅Nuxt 2)支持 经过全面测试! 建立 将nuxt-purgecss依赖项添加到您的项目中 yarn add --dev nuxt-purgecss # or npm install --save-dev nuxt-purgecss 添加nuxt-purgecss到buildModules的部分nuxt.config.js export default { buildModules : [ // Simple
2022-06-06 09:20:23 199KB webpack postcss nuxt nuxtjs
1
前端开源库-postcss-px-to-viewportpostss px to viewport,一种将px转换为viewport单位(vw、vh、vmin、vmax)的CSS后置处理器。
2021-12-31 09:25:26 17KB 前端开源
1
「访问管理」共同责任_共同担当 - 网络安全 业务风控 安全防御 威胁情报 安全漏洞 金融安全
2021-11-25 09:00:10 3.92MB 安全知识 大数据 威胁情报 postcss
vue-cli3 + vant + postcss-px2rem实现移动端页面
2021-09-06 13:10:22 162KB vue-cli3+vant postcss-px2rem 移动端页面
1
创建 Tailwind CSS 样板 一个简单的 Tailwind CSS 样板。 它创建了一个简单的 HTML + CSS 模板,支持 ,由提供服务,并在生产版本中使用 。 入门 要求 建议使用,但不是必需的。 如果没有找到 Yarn,该项目将使用进行设置。 创建样板 $ yarn create tailwindcss-boilerplate # or $ npx create-tailwindcss-boilerplate 按照提示中的说明创建项目: ? Name your project root directory my-project :check_mark: Create directory structure :check_mark: Create project files :check_mark: Create templates :check_mark: Set up dependencies 运行服务器 $ yarn dev 打
2021-07-24 20:07:21 50KB boilerplate yarn postcss parcel
1
nextjs-tailwindcss模板 next.js模板包括tailwindcss,检查出的分支,如果你需要在风格,JSX @apply规则支持。 特征 包括尾风 包括postcss-preset-env 现在在生产版本上使用tailwindcss 1.4.x清除方法 用法 克隆此仓库 npm安装 npm run dev 笔记 styles / main.css styles / main.css文件包含tailwindcss导入,还支持全局样式。 它由postcss处理,并与postcss-preset-env一起支持嵌套和其他有趣的东西。 postcss.config.js postcss的配置文件。 tailwind.config.js您应该知道该文件,它是使用npx tailwindcss init生成的默认配置。 这是您的tailwindcss配置所在的位置。 pa
2021-07-14 17:42:52 86KB postcss nextjs tailwindcss JavaScript
1
PostCSS功能CSS PostCSS Functional CSS是PostCSS插件,可帮助生成功能CSS。 为什么 为什么不? 纯娱乐! 因为PostCSS可以实现。 因为炒作。 只是因为。 我决定创建此插件的主要原因是因为有了它,我想更快地创建功能CSS。 同时,我希望能够随时随地针对每个项目轻松调整CSS。 入门 npm i postcss postcss-functional-css const config = require ( 'postcss-functional-css-config' ) ; postcss ( [ require ( 'postcss-functional-css' ) ( config ) ] ) 配置示例: module.exports = { globalStyles: true, cssModules: fa
2021-05-17 15:03:44 61KB JavaScript
1