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)
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/