You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We should maintain one single source of truth with respect to components / vanilla classes and inline styles structure.
Each page has a main css layout written in ~/styles/pageName.css.ts
Whenever a page includes a component, this component should always be written inside of the components folder and maintain a structure of;
~/components/ComponentName/
/ComponentName.css.ts
/ComponentName.tsx
This way we separate the concerns regarding global and local styles for pages and components.
Also - try to style as little as possible inside of the elements itself, this due to limitations from DegenUI / preference regarding Figma Designs
The text was updated successfully, but these errors were encountered:
BowTiedHeron
changed the title
Create global code structure - for internal reference and external contributors
General - Create global code structure - for internal reference and external contributors
Apr 6, 2022
We should maintain one single source of truth with respect to components / vanilla classes and inline styles structure.
Each page has a main css layout written in ~/styles/pageName.css.ts
Whenever a page includes a component, this component should always be written inside of the components folder and maintain a structure of;
~/components/ComponentName/
/ComponentName.css.ts
/ComponentName.tsx
This way we separate the concerns regarding global and local styles for pages and components.
Also - try to style as little as possible inside of the elements itself, this due to limitations from DegenUI / preference regarding Figma Designs
The text was updated successfully, but these errors were encountered: