当前位置: 首页 > 软件库 > 程序开发 > 网络工具包 >

Atomizer

创建 Atomic CSS 工具
授权协议 BSD
开发语言 JavaScript
所属分类 程序开发、 网络工具包
软件类型 开源软件
地区 不详
投 递 者 浦墨竹
操作系统 跨平台
开源组织 Yahoo
适用人群 未知
 软件概览

Atomizer 是一个创建 Atomic CSS 的工具,它适用于模板框架的组件,例如 ReactEmberAngular

示例代码:

var Atomizer = require('atomizer');
var defaultConfig = {    
    "breakPoints": {        
      'sm': '@media(min-width=750px)',        
      'md': '@media(min-width=1000px)',        
      'lg': '@media(min-width=1200px)'
    },     
    "custom": {       
       "1": "1px solid #000",        
       "foo": "2px dotted #f00"
    },    
     "classNames": [        
       'Bd(1)',        
       'Bd(foo)',        
       'Bd(foo)--sm',        
       'Bd(foo)--md',        
       'D(n)!'
    ]
};
var atomizer = new Atomizer({verbose: true});
// Parse text to find Atomic CSS classes
var foundClasses = atomizer.findClassNames('<div class="D(n)! P(10px) M(20%) Bd(1) Bd(foo)--sm"></div>');
// Generate Atomizer configuration from an array of Atomic classnames
var finalConfig = atomizer.getConfig(foundClasses, defaultConfig);
// Generate Atomic CSS from configuration
var css = atomizer.getCss(finalConfig)
  • Atomizer 详细介绍 Atomizer 是一个创建 Atomic CSS 的工具,它适用于模板框架的组件,例如 React、Ember 和 Angular。 示例代码: var Atomizer = require('atomizer'); var defaultConfig = { "breakPoints": { 'sm': '@media(m

 相关资料
  • 仓库中存放开发项目代码、文档等,需要创建一个工程目录。   创建成功!

  • 主要内容:创建项目,项目结构,设置项目现在我们已经安装了Django,让我们开始使用它。 在Django中,每个要创建Web应用程序称为项目; 一个项目是应用程序的总和。应用程序是一组依托于MVC模式的代码文件。 作为例子,让我们要建立一个网站,该网站是我们的项目,论坛,新闻,联系方式的应用程序。 这种结构使得移动的项目之间的应用更容易,因为每一个应用程序都是独立的。 创建项目 无论您是在Windows或Linux,只是得到一个终端或

  • addSheet([string $sheetName]); 示例 $config = [ 'path' => './filePath' ]; ​ $excel = new \Vtiful\Kernel\Excel($config); ​ // 此处会自动创建一个工作表 $fileObject = $excel->fileName("tutorial01.xlsx"); ​ $fileO

  • 这个指引会带搭建一个简单的『Hello』程序。当然这只是开始,迈出这一步你将感受到 Blade 的强大

  • 问题内容: 我想为工具提示创建一个自定义CSS类,该类将包裹长度超过25-30的字符串。通常这样长的文本不适合tootltip文本区域。 而且是否有使用[工具提示ui.bootstrap.tooltip)进行此操作?就像使用自定义CSS类来获取所需的输出。 这是简单的CSS工具提示 这是相同的代码片段: 问题答案: CSS解决方案 对于眼前的问题有一个非常简单的解决方案。我基本上添加的是以下CSS

  • 关于 SING字形模板 字形是某种字体的字符的一种形式。字形模板是一个您可以自己创建的自定义字形,作为一个单独的文件存储。您可以创建字形模板以添加标准字符集中没有的字符、替换现有字符或作为现有字符的备用字形。例如,您可能需要添加别名、公司名称、公司徽标或不常使用的符号的字形。 创建和使用字形模板的工作流程 A. 在 Illustrator 中创建字形模板。 B. 将字形模板添加到 Adobe SI