20210406 - CSS, styled-component

const AttributeRow = styled.div<{ width: string }>((props) => ({
  height: '100%',
  width: props.width,
  display: 'flex',
  flexDirection: 'column',
  alignItems: 'center',
  justifyContent: 'start',
}));
const AttributeRowBorder = styled(AttributeRow)({
  border: '0.75px solid #DEDCD8',
  borderWidth: '0px 0.75px',
});

styled component extend 활용법

backgroundColor: 'unset'

bacgroundColor 날릴 때는 unset 활용

https://www.madebymike.com.au/writing/css-architecture-for-modern-web-applications/

CSS Architecture for Modern JavaScript Applications