diff --git a/lacure/components/Gallery/styles.tsx b/lacure/components/Gallery/styles.tsx index 6f8737b..3b9e65a 100644 --- a/lacure/components/Gallery/styles.tsx +++ b/lacure/components/Gallery/styles.tsx @@ -4,7 +4,8 @@ export const Gallery = styled.div` padding: 10px; ` -export const Slide = styled.div<{ isActive?: Boolean }>` - font-size: 20px; +export const Slide = styled.div<{ isActive?: Boolean; isBold?: Boolean }>` + font-size: 60px; ${(props) => props.isActive && `color: red;`} + ${(props) => props.isBold && `font-style: bold;`} ` diff --git a/lacure/components/Home/styles.tsx b/lacure/components/Home/styles.tsx index 19d5b5e..1b17dca 100644 --- a/lacure/components/Home/styles.tsx +++ b/lacure/components/Home/styles.tsx @@ -4,6 +4,6 @@ export const Home = styled.div` padding: 10px; ` -export const Heading = styled.h1` - font-size: 20px; -` \ No newline at end of file +export const Heading = styled.h1<{ unstyled?: boolean }>` + ${({ unstyled }) => !unstyled && `font-size: 20px;`} +`