portfolio-src-styles.js

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;
`;

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.