创建 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

谷歌时代的柏拉图

谷歌时代的柏拉图

[美] 丽贝卡·戈尔茨坦 / 李鹏程 / 中信出版集团·新思文化 / 2017-12-10 / 69.00元

我愿意用我所有的科技去换取和苏格拉底相处的一个下午。 ——史蒂夫•乔布斯 谷歌时代,科技昌明,众声喧哗,哲学提出的许多问题,科学似乎都已经给出了答案。若是如此,为什么我们今天还需要哲学?这个由古希腊城邦时代的哲人苏格拉底和柏拉图开创的学科,真的过时了吗? 已经2400岁 的柏拉图对此有话要说。哲学家兼小说家、美国国家人文奖章获得者戈尔茨坦史海钩沉,从经典著作中复活了柏拉图,让他来......一起来看看 《谷歌时代的柏拉图》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码