CSS属性排序的插件和包

原文链接

pnpm i stylelint postcss postcss-html stylelint-config-standard stylelint-config-prettier stylelint-config-recess-order stylelint-config-html stylelint-config-recommended-scss stylelint-config-standard-scss -D
pnpm add stylelint-order -D

添加文件:
.stylelintrc.cjs

module.exports = {extends: 'stylelint-config-standard',overrides: [{customSyntax: 'postcss-scss',files: ['**/*.css', '**/*.scss']},{customSyntax: 'postcss-less',files: ['**/*.less']},{customSyntax: 'postcss-html',files: ['**/*.html', '**/*.vue', '**/*.nvue']}],plugins: ['stylelint-order'],rules: {// 禁止未知单位'unit-no-unknown': null,// 为适用的颜色功能指定现代或传统符号'color-function-notation': 'legacy',// 禁止无效的十六进制颜色'color-no-invalid-hex': true,// 不允许未知的规则'at-rule-no-unknown': [true,{ignoreAtRules: ['content','each','error','extend','for','function','if','include','mixin','return','while','tailwind','apply','variants','responsive','screen']}],'order/properties-order': [{// Must be first.properties: ['all']},{// Position.properties: ['position','inset','inset-block','inset-inline','top','right','bottom','left','z-index']},{// Display mode.properties: ['box-sizing', 'display']},{// Flexible boxes.properties: ['flex','flex-basis','flex-direction','flex-flow','flex-grow','flex-shrink','flex-wrap']},{// Grid layout.properties: ['grid','grid-area','grid-template','grid-template-areas','grid-template-rows','grid-template-columns','grid-row','grid-row-start','grid-row-end','grid-column','grid-column-start','grid-column-end','grid-auto-rows','grid-auto-columns','grid-auto-flow','grid-gap','grid-row-gap','grid-column-gap']},{// Gap.properties: ['gap', 'row-gap', 'column-gap']},{// Layout alignment.properties: ['place-content','place-items','place-self','align-content','align-items','align-self','justify-content','justify-items','justify-self']},{// Order.properties: ['order']},{// Box model.properties: ['float','width','min-width','max-width','height','min-height','max-height','aspect-ratio','padding','padding-block','padding-block-start','padding-block-end','padding-inline','padding-inline-start','padding-inline-end','padding-top','padding-right','padding-bottom','padding-left','margin','margin-block','margin-block-start','margin-block-end','margin-inline','margin-inline-start','margin-inline-end','margin-top','margin-right','margin-bottom','margin-left','overflow','overflow-x','overflow-y','-webkit-overflow-scrolling','-ms-overflow-x','-ms-overflow-y','-ms-overflow-style','overscroll-behavior','overscroll-behavior-x','overscroll-behavior-y','overscroll-behavior-inline','overscroll-behavior-block','clip','clip-path','clear']},{// Typography.properties: ['font','font-family','font-size','font-variation-settings','font-style','font-weight','font-feature-settings','font-optical-sizing','font-kerning','font-variant','font-variant-ligatures','font-variant-caps','font-variant-alternates','font-variant-numeric','font-variant-east-asian','font-variant-position','font-size-adjust','font-stretch','font-effect','font-emphasize','font-emphasize-position','font-emphasize-style','-webkit-font-smoothing','-moz-osx-font-smoothing','font-smooth','hyphens','line-height','color','text-align','text-align-last','text-emphasis','text-emphasis-color','text-emphasis-style','text-emphasis-position','text-decoration','text-decoration-line','text-decoration-thickness','text-decoration-style','text-decoration-color','text-underline-position','text-underline-offset','text-indent','text-justify','text-outline','-ms-text-overflow','text-overflow','text-overflow-ellipsis','text-overflow-mode','text-shadow','text-transform','text-wrap','-webkit-text-size-adjust','-ms-text-size-adjust','letter-spacing','word-break','word-spacing','word-wrap', // Legacy name for `overflow-wrap`'overflow-wrap','tab-size','white-space','vertical-align','list-style','list-style-position','list-style-type','list-style-image','src','font-display','unicode-range','size-adjust','ascent-override','descent-override','line-gap-override']},{// Accessibility & Interactions.properties: ['pointer-events','-ms-touch-action','touch-action','cursor','visibility','zoom','table-layout','empty-cells','caption-side','border-spacing','border-collapse','content','quotes','counter-reset','counter-increment','resize','user-select','nav-index','nav-up','nav-right','nav-down','nav-left']},{// Background & Borders.properties: ['background','background-color','background-image',"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient",'filter:progid:DXImageTransform.Microsoft.gradient','filter:progid:DXImageTransform.Microsoft.AlphaImageLoader','filter','background-repeat','background-attachment','background-position','background-position-x','background-position-y','background-clip','background-origin','background-size','background-blend-mode','isolation','border','border-color','border-style','border-width','border-block','border-block-start','border-block-start-color','border-block-start-style','border-block-start-width','border-block-end','border-block-end-color','border-block-end-style','border-block-end-width','border-inline','border-inline-start','border-inline-start-color','border-inline-start-style','border-inline-start-width','border-inline-end','border-inline-end-color','border-inline-end-style','border-inline-end-width','border-top','border-top-color','border-top-style','border-top-width','border-right','border-right-color','border-right-style','border-right-width','border-bottom','border-bottom-color','border-bottom-style','border-bottom-width','border-left','border-left-color','border-left-style','border-left-width','border-radius','border-start-start-radius','border-start-end-radius','border-end-start-radius','border-end-end-radius','border-top-left-radius','border-top-right-radius','border-bottom-right-radius','border-bottom-left-radius','border-image','border-image-source','border-image-slice','border-image-width','border-image-outset','border-image-repeat','outline','outline-width','outline-style','outline-color','outline-offset','box-shadow','mix-blend-mode','filter:progid:DXImageTransform.Microsoft.Alpha(Opacity',"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",'opacity','-ms-interpolation-mode']},{// SVG Presentation Attributes.properties: ['alignment-baseline','baseline-shift','dominant-baseline','text-anchor','word-spacing','writing-mode','fill','fill-opacity','fill-rule','stroke','stroke-dasharray','stroke-dashoffset','stroke-linecap','stroke-linejoin','stroke-miterlimit','stroke-opacity','stroke-width','color-interpolation','color-interpolation-filters','color-profile','color-rendering','flood-color','flood-opacity','image-rendering','lighting-color','marker-start','marker-mid','marker-end','mask','shape-rendering','stop-color','stop-opacity']},{// Transitions & Animation.properties: ['transition','transition-delay','transition-timing-function','transition-duration','transition-property','transform','transform-origin','animation','animation-name','animation-duration','animation-play-state','animation-timing-function','animation-delay','animation-iteration-count','animation-direction']}]}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/791219.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Ubuntu Desktop 安装有道词典

Ubuntu Desktop 安装有道词典 1. 有道词典2. Installation2.1. 解压 deb 包到 youdao 目录2.2. 解压 deb 包中的 control 信息 (包的依赖写在该文件里面)2.3. 编辑 control 文件,删除依赖里面的 gstreamer0.10-plugins-ugly2.4. 创建 youdaobuild 目录,重…

Openstack(T)部署ceph集群 ceph-14.2.22-nautilus

https://www.cnblogs.com/liugp/p/12513702.html 我的部署参考上述文档,以下针对部署有不同的地方进行说明 1.节点的ceph源进行修改 [Ceph] nameCeph packages for $basearch baseurlhttp://download.ceph.com/rpm-nautilus/el7/$basearch enabled1 gpgcheck1 ty…

大模型量化技术-GPTQ

大模型量化技术-GPTQ 2022年,Frantar等人发表了论文 GPTQ:Accurate Post-Training Quantization for Generative Pre-trained Transformers。 这篇论文详细介绍了一种训练后量化算法,适用于所有通用的预训练 Transformer模型,同时只有微小的性能下降。 GPTQ算法需要通过…

rocketmq的运维

1. admintool创建topic的时候 -o 的用法含义 https://rocketmq.apache.org/zh/docs/4.x/producer/03message2/ 有关orderMessageEnable和returnOrderTopicConfigToBroker的设置可以参考 https://blog.csdn.net/sdaujsj1/article/details/115741572 -c configFile通过-c命令指…

typdef:深入理解C语言中typdef关键词的用法

typedef:C语言中的类型重命名关键词 在C语言中,typedef 是一个非常有用的关键词,它允许我们为现有的数据类型定义一个新的名称。这不仅使得代码更加清晰易读,还提高了代码的可维护性。在这篇博客中,我们将深入探讨 ty…

小核引导RTOS

参考 参考1. How does FSBL load the FreeRTOS on the small core and execute it?参考2. Duo now supports big and little cores?Come and play!Milk-V Duo, start! 日志 FSBL Jb2829:g362832ac6-dirty:2024-04-02T13:31:1100:00 # 版本信息 st_on_reason…

typescript的工作流

先coding code.ts代码,由tsc编译code.ts生成code.js格式 npm install —save-dev lite-server 是用来安装轻量级的服务器,只是用来开发的一个服务器,真正到生产环境中时可能会使用类似于Apache的server或者汤姆猫一类的服务器,安…

编程生活day6--回文子串、蛇形填充数组、笨小猴、单词排序

回文子串 题目描述 给定一个字符串,输出所有长度至少为2的回文子串。 回文子串即从左往右输出和从右往左输出结果是一样的字符串,比如:abba,cccdeedccc都是回文字符串。 输入 一个字符串,由字母或数字组成。长度5…

spring-boot集成websocket

引入Maven依赖包 <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-websocket</artifactId><version>跟随spingboot版本</version> </dependency>后端代码 /*** 开启WebSocket支持*…

【嵌入式开发 Linux 常用命令系列 8 -- shell 命令 basename 介绍】

请阅读【嵌入式开发学习必备专栏 】 文章目录 shell 命令 basenamedf 命令 shell 命令 basename 在 shell 脚本中&#xff0c;可以使用 basename 命令来获取文件的基本名称&#xff08;不带路径的部分&#xff09;。以下是如何将文件名赋值给变量的示例&#xff1a; file_pat…

STM32CubeMX配置步骤详解四 —— 基础配置(1)

接前一篇文章&#xff1a;STM32CubeMX配置步骤详解三 —— 安装 本文内容主要参考&#xff1a; STM32CUBEMX配置教程&#xff08;一&#xff09;基础配置-CSDN博客 特此致谢&#xff01; 三、STM32CubeMX基础配置 前边几回讲解了STM32CubeMX的下载及安装。当前STM32CubeMX已…

【leetcode面试经典150题】6.轮转数组(C++)

【leetcode面试经典150题】专栏系列将为准备暑期实习生以及秋招的同学们提高在面试时的经典面试算法题的思路和想法。本专栏将以一题多解和精简算法思路为主&#xff0c;题解使用C语言。&#xff08;若有使用其他语言的同学也可了解题解思路&#xff0c;本质上语法内容一致&…

LeetCode575——分糖果

题目链接&#xff1a;. - 力扣&#xff08;LeetCode&#xff09; 这道题比较简单&#xff0c;但我还是花费了将近四个小时的时间去解答&#xff0c;AC的那一刻&#xff0c;终于全身舒畅&#xff0c;这道题的思路就是先求出糖果的种数&#xff0c;然后我们从题中可以得出&#x…

MySQL数据库 数据库基本操作(二):表的增删查改(上)

1. CRUD CRUD 即增加(Create)、查询(Retrieve)、更新(Update)、删除(Delete)四个单词的首字母缩写,就是数据库基本操作中针对表的一系列操作. 2. 新增(create) -->insert 语法: insert into 表名 [列名1,列名2…] values (val1,val2…) [注意] 列名可以没有,如果没有列名…

【Redis】Redis的使用

登录redis [roottest2 ~]# redis-cli 127.0.0.1:6379> 或[roottest2 ~]# redis-cli -h 192.168.67.12 -p 6379 192.168.67.12:6379> redis-benchmark 测试工具 redis-benchmark 是官方自带的Redis性能测试工具&#xff0c;可以有效的测试Redis服务的性能 基本的测试语…

C# 实现子进程跟随主进程关闭

文章目录 前言一、如何实现&#xff1f;1、创建作业对象&#xff08;1&#xff09;、创建对象&#xff08;2&#xff09;、设置销毁作业时&#xff0c;关闭拥有的进程 2、子进程加入作业对象3、销毁作业对象&#xff08;1&#xff09;、手动销毁&#xff08;2&#xff09;、所在…

从零起步:开启你的IT职业之旅

简介&#xff1a; 信息技术&#xff08;IT&#xff09;行业以其快速发展和广阔的就业前景吸引着全球众多职场新人。但对于零基础的求职者而言&#xff0c;挺进这一行业似乎是条充满挑战的道路。进入IT行业可能看起来是一项艰巨的挑战&#xff0c;尤其是对于那些没有任何相关经…

面试算法-134-最长递增子序列

题目 给你一个整数数组 nums &#xff0c;找到其中最长严格递增子序列的长度。 子序列 是由数组派生而来的序列&#xff0c;删除&#xff08;或不删除&#xff09;数组中的元素而不改变其余元素的顺序。例如&#xff0c;[3,6,2,7] 是数组 [0,3,1,6,2,2,7] 的 子序列 。 示例…

redis乱码\xac\xed\x00\x05t\x00H解决

发现数据库乱码&#xff1a; 这数据库是来自rdids队列list实现的一个简单队列&#xff0c;停止使用该list的服务&#xff0c;查看里面的值&#xff0c;发现 乱码\xac\xed\x00\x05t\x00H&#xff0c;如下图&#xff1a; 很明发送数据端的问题&#xff0c;检查代码&#xff1a; …

20240403在ubuntu20.04下解压缩gz压缩包

20240403在ubuntu20.04下解压缩gz压缩包.txt 2024/4/3 15:17 缘起&#xff1a;使用友善之臂FriendlyElec的NanoPi NEO Core开发板 https://wiki.friendlyelec.com/wiki/index.php/NanoPi_NEO/zh#.E8.BF.90.E8.A1.8CFriendlyCore NanoPi NEO/zh http://wiki.friendlyelec.com/w…