diff --git a/addon/reset/EricMeyer.js b/addon/reset/EricMeyer.js new file mode 100644 index 00000000..7a64cba8 --- /dev/null +++ b/addon/reset/EricMeyer.js @@ -0,0 +1,48 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + 'html,body,div,span,applet,object,iframe,table,caption,tbody,tfoot,thead,tr,th,td,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend': { + 'vertical-align': 'baseline', + ff: 'inherit', + fw: 'inherit', + fs: 'inherit', + fz: '100%', + out: 0, + pad: 0, + mar: 0, + bd: 0, + }, + ':focus': { + out: 0, + }, + body: { + bg: 'white', + lh: 1, + col: 'black', + }, + 'ol, ul': { + 'list-style': 'none', + }, + table: { + 'border-collapse': 'separate', + 'border-spacing': 0, + }, + 'caption, th, td': { + fw: 'normal', + ta: 'left', + }, + 'blockquote:before, blockquote:after, q:before, q:after': { + content: '""', + }, + 'blockquote, q': { + quotes: '"" ""', + }, + }; + + renderer.put('', css); +}; diff --git a/addon/reset/EricMeyerCondensed.js b/addon/reset/EricMeyerCondensed.js new file mode 100644 index 00000000..9516a6b2 --- /dev/null +++ b/addon/reset/EricMeyerCondensed.js @@ -0,0 +1,44 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + 'body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td': { + pad: 0, + mar: 0, + }, + 'fieldset, img': { + bd: 0, + }, + table: { + 'border-collapse': 'collapse', + 'border-spacing': 0, + }, + 'ol, ul': { + 'list-style': 'none', + }, + 'address, caption, cite, code, dfn, em, strong, th, var': { + fw: 'normal', + fs: 'normal', + }, + 'caption, th': { + ta: 'left', + }, + 'h1, h2, h3, h4, h5, h6': { + fw: 'normal', + fs: '100%', + }, + 'q:before, q:after': { + con: "''", + }, + 'abbr, acronym': { + bd: 0, + }, + }; + + renderer.put('', css); +}; + diff --git a/addon/reset/Minimalistic.js b/addon/reset/Minimalistic.js new file mode 100644 index 00000000..67e91f34 --- /dev/null +++ b/addon/reset/Minimalistic.js @@ -0,0 +1,16 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + '*': { + pad: 0, + mar: 0, + }, + }; + + renderer.put('', css); +}; diff --git a/addon/reset/Minimalistic2.js b/addon/reset/Minimalistic2.js new file mode 100644 index 00000000..ec852508 --- /dev/null +++ b/addon/reset/Minimalistic2.js @@ -0,0 +1,17 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + '*': { + pad: 0, + mar: 0, + bd: 0, + }, + }; + + renderer.put('', css); +}; diff --git a/addon/reset/Minimalistic3.js b/addon/reset/Minimalistic3.js new file mode 100644 index 00000000..6e8dc76e --- /dev/null +++ b/addon/reset/Minimalistic3.js @@ -0,0 +1,18 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + '*': { + pad: 0, + mar: 0, + bd: 0, + out: 0, + }, + }; + + renderer.put('', css); +}; diff --git a/addon/reset/PoorMan.js b/addon/reset/PoorMan.js new file mode 100644 index 00000000..b382855a --- /dev/null +++ b/addon/reset/PoorMan.js @@ -0,0 +1,25 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + 'html, body': { + pad: 0, + mar: 0, + }, + html: { + fz: '1em', + }, + body: { + fz: '100%', + }, + 'a img, :link img, :visited img': { + bd: 0, + }, + }; + + renderer.put('', css); +}; diff --git a/addon/reset/ShaunInman.js b/addon/reset/ShaunInman.js new file mode 100644 index 00000000..7a4a5894 --- /dev/null +++ b/addon/reset/ShaunInman.js @@ -0,0 +1,42 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + 'body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,embed,object': { + pad: 0, + mar: 0, + }, + table: { + 'border-collapse': 'collapse', + 'border-spacing': 0, + }, + 'fieldset,img,abbr': { + bd: 0, + }, + 'address,caption,cite,code,dfn,em,h1,h2,h3,h4,h5,h6,strong,th,var': { + fw: 'normal', + fs: 'normal', + }, + ul: { + 'list-style': 'none', + }, + 'caption,th': { + ta: 'left', + }, + 'h1,h2,h3,h4,h5,h6': { + fz: '1.0em', + }, + 'q:before,q:after': { + con: '""', + }, + 'a,ins': { + td: 'none', + }, + }; + + renderer.put('', css); +}; diff --git a/addon/reset/Siolon.js b/addon/reset/Siolon.js new file mode 100644 index 00000000..0bb403c1 --- /dev/null +++ b/addon/reset/Siolon.js @@ -0,0 +1,34 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + '*': { + 'vertical-align': 'baseline', + ff: 'inherit', + fs: 'inherit', + fz: '100%', + bd: 'none', + pad: 0, + mar: 0, + }, + body: { + pad: '5px', + }, + 'h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, ul, ol, dl': { + mar: '20px 0', + }, + 'li, dd, blockquote': { + marl: '40px', + }, + table: { + 'border-collapse': 'collapse', + 'border-spacing': 0, + }, + }; + + renderer.put('', css); +}; diff --git a/addon/reset/Tantek.js b/addon/reset/Tantek.js new file mode 100644 index 00000000..78ab81a0 --- /dev/null +++ b/addon/reset/Tantek.js @@ -0,0 +1,31 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + ':link,:visited': { + td: 'none', + }, + 'ul,ol': { + 'list-style': 'none', + }, + 'h1,h2,h3,h4,h5,h6,pre,code,p': { + fz: '1em', + }, + 'ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input': { + pad: 0, + mar: 0, + }, + 'a img,:link img,:visited img': { + bd: 'none', + }, + address: { + fs: 'normal', + }, + }; + + renderer.put('', css); +}; diff --git a/addon/reset/Tripoli.js b/addon/reset/Tripoli.js new file mode 100644 index 00000000..411fd74a --- /dev/null +++ b/addon/reset/Tripoli.js @@ -0,0 +1,75 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + '*': { + td: 'none', + fz: '1em', + out: 'none', + pad: 0, + mar: 0, + }, + 'code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext': { + 'white-space': 'normal', + fz: '1em', + font: 'inherit', + }, + 'dfn,i,cite,var,address,em': { + fs: 'normal', + }, + 'th,b,strong,h1,h2,h3,h4,h5,h6': { + fw: 'normal', + }, + 'a,img,a img,iframe,form,fieldset,abbr,acronym,object,applet,table': { + bd: 'none', + }, + table: { + 'border-collapse': 'collapse', + 'border-spacing': 0, + }, + 'caption,th,td,center': { + 'vertical-align': 'top', + ta: 'left', + }, + body: { + bg: 'white', + lh: 1, + col: 'black', + }, + q: { + quotes: '"" ""', + }, + 'ul,ol,dir,menu': { + 'list-style': 'none', + }, + 'sub,sup': { + 'vertical-align': 'baseline', + }, + a: { + col: 'inherit', + }, + hr: { + d: 'none', + }, + font: { + col: 'inherit !important', + font: 'inherit !important', + }, + marquee: { + ov: 'inherit !important', + '-moz-binding': 'none', + }, + blink: { + td: 'none', + }, + nobr: { + 'white-space': 'normal', + }, + }; + + renderer.put('', css); +}; diff --git a/addon/reset/Universal.js b/addon/reset/Universal.js new file mode 100644 index 00000000..d18ce156 --- /dev/null +++ b/addon/reset/Universal.js @@ -0,0 +1,23 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + '*': { + 'vertical-align': 'baseline', + fw: 'inherit', + ff: 'inherit', + fs: 'inherit', + fz: '100%', + bd: '0 none', + out: 0, + pad: 0, + mar: 0, + }, + }; + + renderer.put('', css); +}; diff --git a/addon/reset/Yahoo.js b/addon/reset/Yahoo.js new file mode 100644 index 00000000..7616c817 --- /dev/null +++ b/addon/reset/Yahoo.js @@ -0,0 +1,43 @@ +'use strict'; + +exports.addon = function (renderer) { + if (process.env.NODE_ENV !== 'production') { + require('../__dev__/warnOnMissingDependencies')('reset', renderer, ['put']); + } + + var css = { + 'body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td': { + pad: 0, + mar: 0, + }, + table: { + 'border-collapse': 'collapse', + 'border-spacing': 0, + }, + 'fieldset,img': { + bd: 0, + }, + 'address,caption,cite,code,dfn,em,strong,th,var': { + fw: 'normal', + fs: 'normal', + }, + 'ol,ul': { + 'list-style': 'none', + }, + 'caption,th': { + ta: 'left', + }, + 'h1,h2,h3,h4,h5,h6': { + fw: 'normal', + fz: '100%', + }, + 'q:before,q:after': { + con: '""', + }, + 'abbr,acronym': { + bd: 0, + }, + }; + + renderer.put('', css); +}; diff --git a/docs/atoms.md b/docs/atoms.md index 0de0ac7c..6612bcc7 100644 --- a/docs/atoms.md +++ b/docs/atoms.md @@ -24,7 +24,7 @@ const className = rule({ }); ``` -Those are handy DX and they will decrease your overall bundle size after +Those are good for DX and they will decrease your overall bundle size after sufficient use. You can find the full up-to-date atom list [here](../addon/atoms.js). Below is the atom list at the moment of this writing: