nano-css
Advanced tools
Comparing version 1.2.0 to 1.3.0
'use strict'; | ||
exports.addon = function (renderer, id) { | ||
id = id || 'nano-css'; | ||
exports.addon = function (renderer) { | ||
if (process.env.NODE_ENV !== 'production') { | ||
@@ -12,7 +10,7 @@ require('./__dev__/warnOnMissingDependencies')('hydrate', renderer, ['put']); | ||
var hydrated = {}; | ||
var stylesheet = document.getElementById(id); | ||
var stylesheet = renderer.sh; | ||
if (!stylesheet) { | ||
if (process.env.NODE_ENV !== 'production') { | ||
console.error('Hydration stylesheet with id "' + id + '" was not found.'); | ||
console.error('Hydration style sheet was not found.'); | ||
} | ||
@@ -19,0 +17,0 @@ |
@@ -13,5 +13,5 @@ 'use strict'; | ||
var putAtrule = renderer.putAtrule; | ||
var putAt = renderer.putAt; | ||
renderer.putAtrule = function (__, keyframes, prelude) { | ||
renderer.putAt = function (__, keyframes, prelude) { | ||
// @keyframes | ||
@@ -42,3 +42,3 @@ if (prelude[1] === 'k') { | ||
putAtrule(__, keyframes, prelude); | ||
putAt(__, keyframes, prelude); | ||
}; | ||
@@ -50,3 +50,3 @@ | ||
renderer.putAtrule('', keyframes, '@keyframes ' + block); | ||
renderer.putAt('', keyframes, '@keyframes ' + block); | ||
@@ -53,0 +53,0 @@ return block; |
10
index.js
@@ -39,9 +39,7 @@ 'use strict'; | ||
}, | ||
putAtrule: function (selector, decls, prelude) { | ||
renderer.put(selector, decls, prelude); | ||
} | ||
}, config); | ||
if (renderer.client) { | ||
document.head.appendChild(renderer.sh = document.createElement('style')); | ||
if (!renderer.sh) | ||
document.head.appendChild(renderer.sh = document.createElement('style')); | ||
@@ -74,3 +72,3 @@ renderer.putRaw = function (rawCssRule) { | ||
if (prop[0] === '@') { | ||
renderer.putAtrule(selector, value, prop); | ||
renderer.putAt(selector, value, prop); | ||
} else { | ||
@@ -90,3 +88,5 @@ renderer.put(renderer.selector(selector, prop), value, atrule); | ||
renderer.putAt = renderer.put; | ||
return renderer; | ||
}; |
{ | ||
"name": "nano-css", | ||
"version": "1.2.0", | ||
"version": "1.3.0", | ||
"description": "Smallest 5th gen CSS-in-JS library", | ||
@@ -5,0 +5,0 @@ "main": "index.js", |
@@ -42,4 +42,6 @@ # nano-css | ||
- [`:global`](./docs/global.md) | ||
- [Animations](./docs/animations.md) | ||
- [CSS resets](./docs/resets.md) | ||
- [`animate/*`](./docs/animations.md) | ||
- [`reset/*`](./docs/resets.md) | ||
- [`reset-font`](./docs/reset-font.md) | ||
- [`googleFont()`](./docs/googleFont.md) | ||
- [Server-side rendering](./docs/SSR.md) | ||
@@ -46,0 +48,0 @@ |
69332
62
1832
67
49