borderless MiniMetric
This commit is contained in:
parent
3433c24bee
commit
0b775fb600
@ -15,15 +15,20 @@ const {
|
|||||||
default: styled
|
default: styled
|
||||||
} = Styled;
|
} = Styled;
|
||||||
|
|
||||||
|
const border = (props) => !props.borderless
|
||||||
|
? `solid ${remcalc(1)} ${colors.borderSecondary}`
|
||||||
|
: 'none';
|
||||||
|
|
||||||
const Container = styled.div`
|
const Container = styled.div`
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: ${colors.miniBackground};
|
background-color: ${colors.miniBackground};
|
||||||
border: solid ${remcalc(1)} ${colors.borderSecondary};
|
border: ${border};
|
||||||
`;
|
`;
|
||||||
|
|
||||||
const Shadow = styled.div`
|
const Shadow = styled.div`
|
||||||
|
z-index: 1;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: ${remcalc(9)};
|
width: ${remcalc(9)};
|
||||||
|
Loading…
Reference in New Issue
Block a user