创建 Atomic CSS 工具 Atomizer

码农软件 · 软件分类 · 网络工具包 · 2019-02-26 06:43:01

软件介绍

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)

本文地址:https://codercto.com/soft/d/147.html

TCP/IP详解 卷3:TCP事务协议、HTTP、NNTP和UNIX域协议

TCP/IP详解 卷3:TCP事务协议、HTTP、NNTP和UNIX域协议

胡谷雨、吴礼发、W.Richard Stevens / 胡谷雨 / 机械工业出版社 / 2000-9 / 35.00元

《CP.IP详解(卷3):CP事务协议.HP.P和UIX域协议》是“TCP/IP详解系列”的延续。主要内容包括:TCP事务协议,即T/TCP,这是对TCP的扩展,使客户-服务器事务更快、更高效和更可靠;TCP/IP应用,主要是HTTP和NNTP;UNIX域协议,这些协议提供了进程之间通信的一种手段。当客户与服务器进程在同一台主机上时,UNIX域协议通常要比TCP/IP快一倍。《CP.IP详解(卷3......一起来看看 《TCP/IP详解 卷3:TCP事务协议、HTTP、NNTP和UNIX域协议》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换