itcss-tools

  • l2_875075
    了解作者
  • 95KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-04-15 07:24
    上传日期
@ bingumd / itcss-tools 用于的可共享itcss工具。 安装 yarn add @bingumd/itcss-tools 用法 @use ' @bingumd/itcss-tools ' ; 客制化 @use ' @bingumd/itcss-tools ' as tools ; .c-button { font-size : tools . font-size ( ' text-lg ' ); background-color : tools . bg ( ' gray-50 ' ); }
itcss-tools-master.zip
  • itcss-tools-master
  • src
  • _color.scss
    262B
  • _theme.scss
    286B
  • _font-size.scss
    282B
  • _font-family.scss
    290B
  • test
  • _theme.spec.scss
    603B
  • _font-family.spec.scss
    464B
  • _font-size.spec.scss
    446B
  • _color.spec.scss
    425B
  • yarn.lock
    223.2KB
  • scss.spec.js
    293B
  • index.scss
    117B
  • .npmignore
    135B
  • _config.scss
    255B
  • LICENSE
    1KB
  • README.md
    411B
  • .editorconfig
    363B
  • .gitignore
    134B
  • package.json
    825B
内容介绍
# @bingumd/itcss-tools The shareable itcss tools for [@bingumd/itcss-framework](https://github.com/bingumd/itcss-framework). ### Installation ```bash yarn add @bingumd/itcss-tools ``` ### Usage ```scss @use '@bingumd/itcss-tools'; ``` ### Customization ```scss @use '@bingumd/itcss-tools' as tools; .c-button { font-size: tools.font-size('text-lg'); background-color : tools.bg('gray-50'); } ```
评论
    相关推荐
    • vision-with-tailwindcss
      Next.js + Tailwind CSS示例 本示例说明了如何将 (v2.1)与Next.js一起使用。 它遵循官方概述的步骤。...yarn create next-app --example with-tailwindcss with-tailwindcss-app 使用将其部署到云()。
    • css-homework
      yarn start 在开发模式下运行应用程序。 如果您进行编辑,则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 1.用您的名字创建分支 例如: css/name-surname 2.运行应用 打开在浏览器中查看它。 3.打开模板...
    • nuxt-vite-tailwindcss
      nuxt-vite-tailwindcss 构建设置 # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch server $ yarn build $ yarn start # generate ...
    • nextjs-TailwindCSS-taskManagerUI
      Next.js + Tailwind CSS示例 本示例说明如何将 (v2)与Next.js一起使用。 它遵循官方概述的步骤。...yarn create next-app --example with-tailwindcss with-tailwindcss-app 使用将其部署到云()。
    • with-tailwindcss
      Next.js + Tailwind CSS示例 本示例说明了如何将 (v2.1)用于Next.js。 它遵循官方概述的步骤。...yarn create next-app --example with-tailwindcss with-tailwindcss-app 使用将其部署到云()。
    • Nuxtjs-Tailwindcss-Storybook-Starter
      Nuxtjs,Tailwindcss,Storybook,eslint-airbnb的入门项目 构建设置 # install dependencies $ yarn install # serve with hot reload at localhost:3000 $ yarn dev # build for production and launch server $ ...
    • 100-days-css-challenge
      100天CSS挑战 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 整理和修复文件 yarn lint 自定义配置 请参阅。
    • with-tailwindcss
      Next.js + Tailwind CSS示例 本示例说明如何将 (v2)与Next.js一起使用。 它遵循官方概述的步骤。...yarn create next-app --example with-tailwindcss with-tailwindcss-app 使用将其部署到云()。
    • vue-css-modules:在Vue组件内部将类名无缝映射到CSS模块
      yarn add vue-css-modules CDN: | (可作为window.VueCSSModules ) CSS模块:本地范围和模块化 为本地类分配一个全局唯一名称,因此组件样式不会影响其他组件。 例如 /* button.css */ . button { font-size : ...
    • GaussDB_100_1.0.1-DATABASE-REDHAT-64bit.tar.gz
      guassdb100在redhat上安装包,单机部署的包,安装步骤请看我的文中介绍,经过大量实验搭建总结出来的文档