Skip to content

UI Development Guideline

OlgaBilogurova edited this page Aug 12, 2020 · 5 revisions

New UI Styles

SASS

VRMS developers using Sass for styling UI components.

Sass introduction

Sass is a stylesheet language that’s compiled to CSS. It allows you to use variables, nested rules, mixins, functions, and more, all with a fully CSS-compatible syntax. Sass helps keep large stylesheets well-organized and makes it easy to share design within and across projects.

Learn more about Sass:

Sass documentation

Sass basics

Sass directories

Inside the client directory, you can find two sass folders

Sass directory

The sass folder contains .scss files regarding the current UI.

The sass-new-folder contains .scss files regarding new UI. This guideline covers just new UI.

When creating new styles for a specific page or component inside the sass-new-ui folder, old styles need to be removed from the sass folder.

Structure of Sass directory

(...to be continued)