var css = require('./index'); 
var base = { 
color: 'red'}
; 
console.log(css.css({ 
'.block': { 
border: '1px solid red',
p: { 
a: { 
'background-color': 'red',
opacity: 0.8}
}
}
}
)); 
var fontStack = 'Helvetica, sans-serif'; 
var primaryColor = '#333'; 
console.log(css.css({ 
body: { 
font: "100% " + fontStack,
color: primaryColor}
}
)); 
console.log(css.css({ 
nav: { 
ul: { 
mar: 0,
pad: 0,
lis: 'none'}
,
li: { 
d: 'inline-block'}
,
a: { 
d: 'block',
pad: '6px 12px',
ted: 'none'}
}
}
)); 
function borderRadius(radius){ 
return { 
'-webkit-border-radius': radius,
'-moz-border-radius': radius,
'-ms-border-radius': radius,
'border-radius': radius}
; 
} 
console.log(css.css({ 
'.box': borderRadius('10px'),
'.another-box': [borderRadius('20px'), { 
'background': 'red',
'.child': { 
'font-size': '12pt'}
}
] }
)); 
var message = { 
bd: '1px solid #ccc',
pad: '10px',
col: '#333'}
; 
console.log(css.css({ 
'.message': message,
'.success': css.extend({ 
}
, message, { 
'border-color': 'green'}
),
'.error': [message, { 
'border-color': 'red'}
] }
)); 
console.log(css.css({ 
'article[role="main"]': { 
fl: 'left',
w: 600 / 960 * 100 + '%'}
,
'aside[role="complementary"]': { 
fl: 'right',
w: 300 / 960 * 100 + '%'}
}
)); 
console.log(css.css({ 
'.parent': { 
'.child': { 
color: 'red'}
,
'& .child': { 
color: 'red'}
,
'&.child': { 
color: 'red'}
}
}
)); 
console.log(css.css({ 
'div': { 
padding: '0 0 0 0',
pad: '0 0 0 0'}
}
)); 
console.log(css.atoms); 
console.log(css.css({ 
'@media (max-width: 600px)': { 
'.facet_sidebar': { 
display: 'none'}
}
}
)); 
console.log(css.css({ 
'section, div': { 
'h1, h2': { 
'span, .light': { 
td: 'none'}
}
}
}
)); 
console.log(css.css({ 
div: [{ 
boder: '1px solid red'}
, { 
boder: '1px solid green'}
] }
));