Hi there 👋, welcome! Please introduce yourself, and if you have a question, please use this: https://help.glamorous.rocks
kentcdodds on v5.0.0
kentcdodds on deprecate
kentcdodds on master
fix: officially deprecate the p… (compare)
kentcdodds on deprecate
fix: officially deprecate the p… (compare)
kentcdodds on update-stuff
kentcdodds on master
chore: update all things so it … (compare)
> glamorous@0.0.0-semantically-released validate /Users/powell_v2/Downloads/glamorous
> kcd-scripts validate lint,build-and-test,test:cover
/Users/powell_v2/Downloads/glamorous/node_modules/kcd-scripts/dist/utils.js:135
scripts = Object.entries(scripts).reduce(function (all, _ref3) {
^
TypeError: Object.entries is not a function
at getConcurrentlyArgs (/Users/powell_v2/Downloads/glamorous/node_modules/kcd-scripts/dist/utils.js:135:20)
at Object.<anonymous> (/Users/powell_v2/Downloads/glamorous/node_modules/kcd-scripts/dist/scripts/validate.js:32:53)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)
at tryModuleLoad (module.js:446:12)
at Function.Module._load (module.js:438:3)
at Module.runMain (module.js:604:10)
at run (bootstrap_node.js:383:7)
at startup (bootstrap_node.js:149:9)
I've a stupid question that's for sure.
I've this code:
const Box = glamorous.div(
{
display: 'flex',
flex: 1,
flexDirection: 'column',
},
space,
width,
fontSize
);
const App = () => (
<Box width={1 / 2}>
<a href="#" style={{backgroundColor: 'green', color: 'white', padding: 10}}>A link</a>
</Box>
);
Obviously I'm doing something wrong, since the link (anchor tag) gets displayed as flex as well, and I do not want that
'&' > { ... }
as well
cannot find module 'glamorous'
I'll be able to have a look further.
Hey folks, glamorous has found its way into my next project and everything is going great. However, I seem to have run into one issue, and I'm not sure if it's just a (totally justifiable) limitation of glamorous or something that isn't quite clear to me.
https://codesandbox.io/s/qx2qo971n6
What I'd like to be able to do is create a Block
component that accepts a prop that will be applied to the style.
Let me know if I can clarify anything further here.
const Link = ({ href, children }) =>
<Div css={{
padding: '5px',
}}>
<a href={href}>
{children}
</a>
</Div>
h1
, div
, etc.), check it out https://adrianperez.codes/glamorous-in-next-js-with-native-elements-styling/