Skip to content

Latest commit

 

History

History
90 lines (61 loc) · 2.13 KB

notes.md

File metadata and controls

90 lines (61 loc) · 2.13 KB

Notes

ToDo

  • Add link to glossary on the homepage
  • Remove Nextra example components
  • Remove Nextra from titles
  • Remove unnescessary content
  • Add favicons
  • Check out unfurls

Typefaces

@import url('https://use.typekit.net/pgp1osb.css');

font-family: Stolzl, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans,
  Helvetica Neue, sans-serif;

font-family: Manofa;
font-size: 69px;
font-weight: 300;
line-height: 76px;
letter-spacing: 0em;
text-align: center;

font-family: Manofa;
font-size: 90px;
font-weight: 300;
line-height: 99px;
letter-spacing: 0em;
text-align: center;

Errors

error - ./styles/campfire.css
Global CSS cannot be imported from files other than your Custom <App>. Due to the Global nature of stylesheets, and to avoid conflicts, Please move all first-party global CSS imports to pages/_app.js. Or convert the import to Component-Level CSS (CSS Modules).
Read more: https://nextjs.org/docs/messages/css-global
Location: theme.tsx

Fixed by adding _app.js

Resources

Call with JP on July 19

  • Glossary issue is resolved

_app.js is a wrapper around the entire app. It allows you to import styles.

Theme

  • theme.tsx overrides Netra
  • Not using the Nextra page layout
  • Is it possible to selectively override?

In Nextra theme they are pulling in the "nextra-theme-docs": "workspace:*", package

https://github.com/shuding/nextra/blob/main/examples/docs/package.json

Just CSS

  • Looks like it is using Tailwind
  • Do not have classes to hook into
  • Custom theme may be necessary to override Tailwind

Call with JP on August 2

  • Can't override the CSS classes with Tailwind
  • Custom theme wipes layout features

In _app.tsx

{...pageProps}

Spread theme over entire app

Disabled theme switcher in theme.config.tsx

How to add SVGs with CSS

Custom Theme todo list