Exemplos de micro-css em JavaScript

Exemplo n.º 1

Arquivo: server.js Projeto: imclab/loop-drop-app

 }, function(err){
   if (err){
     cb(err)
   } else {
     cb(null, '<style>' + microCss(data) + '</style>')
   }
 })

Exemplo n.º 2

Arquivo: build.js Projeto: mmckegg/loop-drop-hack

  function update(filepath){
    var key = getResourceKey(filepath, {cache: false})
    var content = fs.readFileSync(filepath)
    content = mcss(key + ' { ' + content + ' }')

    if (content){
      styles[filepath] = content
    } else {
      delete styles[filepath]
    }

  }

Exemplo n.º 3

Arquivo: styles.js Projeto: dominictarr/patchbay

 innerHTML: computed(accessibility, a11y => {
   return compileCss(accessibilityMcss(a11y))
 })

Exemplo n.º 4

Arquivo: index.js Projeto: JMGoldsmith/loop-drop-app

var fs = require('fs')
var path = require('path')
var compile = require('micro-css')
var result = ''
var additional = ''

fs.readdirSync(__dirname).forEach(function(file){
  if (/\.mcss$/i.test(file)) {
    result += fs.readFileSync(path.resolve(__dirname, file), 'utf8') + '\n'
  }

  if (/\.css$/i.test(file)) {
    additional += fs.readFileSync(path.resolve(__dirname, file), 'utf8') + '\n'
  }
})

module.exports = compile(result) + additional

Exemplo n.º 5

Arquivo: build.js Projeto: mmckegg/loop-drop-hack

 stream.pipe(Concat(function(data){
   fs.writeFile('build/bundle.css', mcss(String(data)))
 }))

Exemplo n.º 6

Arquivo: css.js Projeto: dominictarr/patchbay

 return map(mcssObj, (mcssStr, [name]) => {
   return compile(mixinsStr + '\n' + mcssStr)
 })

Exemplo n.º 7

Arquivo: index.js Projeto: mmckegg/soundbank-slot-editor

 Object.keys(styles).forEach(function(key){
   result += mcss(key + ' { ' + styles[key] + ' }')
 })