@zoomui/legacy NPM

Using legacy styles

We are going to deliver scss files in css format.

Compile sass

If you want to compile all the sass files, you need to write this line in the console:

npm run compile-sass

If you are developing, it's too boring to compile all the times the css when you need to check some changes. You can run the next script and create a watcher:

npm run watch-sass

Where is my css file?

After all the previous steps, we need to link the css file when we can't use sass. We are saving the css file here:

zoom-legacy/src/lib/css/file-name.css

If you need to use the css out of the app, you can use a external link, but first of all you should publish the package in npm:

https://unpkg.com/@zoomui/legacy/dist/zoom-legacy-file-name.min.css

Example:

<html> 
<head> 
  <link rel="stylesheet" href="https://unpkg.com/@zoomui/legacy/dist/zoom-legacy-basics.min.css"> 
</head> 
<body> 
  <h1 class="zoom-title">Title example</h1> 
</body> 
</html>

autoprefixer

@everything-registry/sub-chunk-1079 @infinitebrahmanuniverse/nolb-_zo

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago