'primary': 'hsla(var(--hue, 217), 78%, 51%)', //class="bg-brand-primary" } }, } //在rules中使用 rules: [ [ /^text-(.*)$/, ([, c], { theme }) => { if (theme.colors[c]) return { color: theme.colors[c] } } ] ] variants 变体属性 允许对现有规则应用一些变化,例...
:{/*** @default ':root'*/selector?:string/*** @default 'class'*/attribute?:string/*** @default 'light'*/defaultValue?:string}/*** use opacity variable** ```css* .text-primary {* --un-text-opacity: 1;* color: rgb(var(--un-palette-primary-rgb) / var(--un-text-opacity))...
可以在 unocss 的配置文件里进行 theme color 配置,然后就可以随意组合使用了 theme: { colors: { 'info': '#bfbfbf', // class="text-info" 'content': { 'primary': 'fe003b', // class="text-content-primary" }, }, } 如果需要直接使用 css 变量的话可以直接写成 class="text-[--red-color...
<!-- HTML 示例 --> <div class="bg-customPrimary text-customSecondary"> 这是一个使用自定义颜色的div。 </div> 或者,如果你在使用Vue组件: vue <template> <div class="bg-customPrimary text-customSecondary"> 这是一个使用自定义颜色的Vue组件。 </div...
theme: { colors: { 'veryCool': '#0000ff', // class="text-very-cool" 'brand': { 'primary': '#1f6ae3', //class="bg-brand-primary" } }, breakpoints: { xs: '320px', sm: '640px', } }To consume the theme in rules:
unocss解释它为什么这么快的原因，是因为它不用去解析CSS抽象语法树，直接在content里面通过正则表达式从...
:{/*** @default ':root'*/selector?:string/*** @default 'class'*/attribute?:string/*** @default 'light'*/defaultValue?:string}/*** use opacity variable** ```css* .text-primary {* --un-text-opacity: 1;* color: rgb(var(--un-palette-primary-rgb) / var(--un-text-opacity))...
使用预定义的颜色名称:const colors = require('unocss/colors')module.exports = { colors: { ...colors }}这样 可以使用预定义的颜色名称,如 `colors.primary`、`colors.white` 等。2. 自定 义新的颜色:module.exports = { colors: { customColor: '#ff0000' }} 这样可以在样式中使用 `customColor`...
.chat-notification { display: flex; max-width: 24rem; margin: 0 ...
Usage Primary ColorUse primary color with borderGray Color Change brand color at runtime import{changeBrand}from'@0x-jerry/unocss-preset-brand/runtime'changeBrand({primary:'rose',gray:'zinc'}) Readme Keywords none Install npm i@0x-jerry/unocss-preset-brand 5 Version 0.1.4 License MIT Unpac...