Skip to content

Commit 14427ec

Browse files
build(rollup): add assets to the build
1 parent aadbe63 commit 14427ec

File tree

4 files changed

+2461
-134
lines changed

4 files changed

+2461
-134
lines changed

README.md

-42
Original file line numberDiff line numberDiff line change
@@ -73,48 +73,6 @@ https://github.com/webex/widgets.
7373

7474
### Styles
7575

76-
In order to properly style Webex Components, we need to import all the fonts, icons, images and core _CSS_ manually.
77-
You will need to add [Momentum UI](https://momentum.design) styles in addition to the components' styles.
78-
[Momentum UI](https://momentum.design) is Webex design system.
79-
80-
#### Momentum UI Styles
81-
82-
Momentum UI should be installed in your application as a peer dependency of the Webex Components. If you followed the command in the [install section](#install) it should already be your dependencies. There are two ways to include Momentum UI in your application:
83-
84-
##### CSS
85-
86-
1. Copy `@momentum-ui/core/fonts` directory to the fonts or assets directory of your app.
87-
If you don't have a directory, create a public directory from which the fonts to be served
88-
2. Copy `@momentum-ui/core/css/momentum-ui.min.css` to the styles or assets directory of your app
89-
3. In the `<head>` of your HTML, reference the location of your `momentum-ui.min.css`
90-
91-
```HTML
92-
<link rel="stylesheet" type="text/css" href="<path to>/momentum-ui.min.css">
93-
```
94-
95-
##### Sass
96-
97-
1. Copy `@momentum-ui/icons/fonts` directory to the fonts or assets directory of your app
98-
2. Add `$brand-font-folder`, `$icon-font-path`, and `$images-path` variables to your app's "variables.scss" file
99-
100-
```JS
101-
$brand-font-folder: '<path to fonts directory>';
102-
$icon-font-path: '<path to fonts directory>';
103-
$images-path: '<path to images directory>';
104-
```
105-
106-
3. Import `@momentum-ui/core/scss/momentum-ui-components.scss` into your main entry Sass file _after_ the variables
107-
108-
```CSS
109-
...
110-
111-
@import '@momentum-ui/core/scss/momentum-ui-components';
112-
```
113-
114-
4. Compile your Sass using your static compiler or bundler
115-
116-
For more on Momentum UI, you can visit [Momentum UI's repository](https://github.com/momentum-design/momentum-ui/tree/master/core)
117-
11876
#### Webex Components Styles
11977

12078
There are two ways to do this:

0 commit comments

Comments
 (0)