-
-
Save treyhuffine/a100141a1d16f8aa11f73f62b9df0273 to your computer and use it in GitHub Desktop.
| import styled from 'styled-components'; | |
| import { blue } from '@carbon/colors'; | |
| export const SectionTitle = styled.h3` | |
| margin-top: 1.5rem; | |
| margin-bottom: 0.5rem; | |
| `; | |
| export const Paragraph = styled.p` | |
| white-space: pre-wrap; | |
| `; | |
| export const Pill = styled.span` | |
| display: inline-block; | |
| margin-right: 0.75rem; | |
| margin-bottom: 0.75rem; | |
| padding: 0.5rem 1rem; | |
| background-color: ${blue[20]}; | |
| color: ${blue[70]}; | |
| border-radius: 2px; | |
| font-weight: bold; | |
| `; |
for some reason i keep getting errors from this styles css file cant figure out what it is
Can you paste or screen shot what you are seeing @DrBailey13
here it is On Tue, Mar 3, 2020 at 11:00 AM DeVante Bailey [email protected] wrote:
…
On Mon, Mar 2, 2020 at 2:59 PM Trey Huffine @.***> wrote: > for some reason i keep getting errors from this styles css file cant > figure out what it is > > Can you paste or screen shot what you are seeing @DrBailey13 > https://github.com/DrBailey13 > > — > You are receiving this because you were mentioned. > Reply to this email directly, view it on GitHub > https://gist.github.com/a100141a1d16f8aa11f73f62b9df0273?email_source=notifications&email_token=ANE4VI476TPVTKO5YYFWV6TRFQF3XA5CNFSM4K73OX5KYY3PNVWWK3TUL52HS4DFVNDWS43UINXW23LFNZ2KUY3PNVWWK3TUL5UWJTQAGDDTU#gistcomment-3196730, > or unsubscribe > https://github.com/notifications/unsubscribe-auth/ANE4VI4X6OLXLKWC3JOD7H3RFQF3XANCNFSM4K73OX5A > . >
@DrBailey13 it's showing an empty message for me. Have you tried cloning the original project from GitHub?
@DrBailey13 got it, I see the issue. So your file actually needs to be named styles.js. It's using styled-components for styling which is actually a JavaScript library. You write styles inside JavaScript but it uses CSS syntax.
for some reason i keep getting errors from this styles css file cant figure out what it is