Style your app

An app without CSS is practically impossible. You'll likely want to style your app. The CLI automatically creates a style.css file in the src directory. CSS selectors in this file need to be prepended with the ID of the window to prevent it from applying to other components throughout ArcOS. For example:

 > div.body {
  padding: 15px;
}

What works:

• Importing stylesheets from external URLs using @import

• Styling your application as you would any other web development project

• CSS variables using :root # > div.body { ... }

What doesn't work:

• Importing other CSS files of your app using @import. If you have multiple stylesheets, import them using multiple <link> elements in your app's HTML. Importing them in CSS will prevent them from being resolved.

• Hot reloading of CSS files during development — your entire app restarts instead of reloading the CSS.