We try to use as little CSS as possible but when using third party libraries sometimes the only way to customize them is with CSS. We use webpack
require to load such CSS files.
Because we have this distributed between TS / CSS files we document these here:
- Golden-Layout: 2 (in
- Main Panel : 6 (
- Modal Overlay: 100 (in
- File Tree View: 6 (
- Doctor : 1 (
Whenever possible prefer the Editor background color.
You don't need it explicitly at the root components as we have it setup for
appTabsContainer.css) as well as
index.htmlas a style attribute)
We use free-style to manage our CSS in JS (TS). Just a bit of naming convention:
**ClassName: must be used in
**Base: must be used to make a
**Style: can be used to make a
ClassNameor directly in a style.