Skip to content
Donkey Development Guide
  • Pages
    • Project Overview
    • Workflows
      • Developer Flow
      • Adding New Features
      • Feature Requirements Document (Sample)
      • Syncing Design & Code
    • Design Guide
      • Style guide
      • Components
      • Exports
    • Coding guide
      • Folders structure
      • Coding Practices
        • icon picker
          Styling
      • Naming Practices
      • Commenting Practices
    • Github & Code Review Practices
    • Components
    • Resources
Donkey Development Guide
/
/
Styling
Share
Explore

Styling

Global Styles

Global styles (h1, h2, p...) should be placed in the global stylesheet file.
Always use Sass Variables when available.
Add new Sass variables when needed (especially when added by the designers in Figma)

Styled Components

All the styled components should go in another file on the component folder. the file should be named in the format: Element.styled.tsx, if the file goes beyond split the file into multiple files.


Global Styles
Styled Components
Gallery
 
Want to print your doc?
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.