bbva-angular-bootstrap-ui

Implementation of BBVA UI (one of them) more to come.

Usage:

clean package.json

Remove this packages from your package.json

• bootstrap
• font-awesome
• ng2-toasty
• ngx-bootstrap

Then remove those folders from node_modules using: npm prune

Install

npm i bbva-angular-bootstrap-ui

Add Module to declarations

import { BB4UIModule } from 'nova-bbva-ui';
 
@NgModule({
    imports: [
      BB4UIModule,
    ],
    // optional
    exports: [
      BB4UIModule,
    ]
)}
//....
 

Styles (SASS)

@import '~bootstrap/scss/_mixins.scss';
@import '~bootstrap/scss/_functions.scss';
@import '~bootstrap/scss/_variables.scss';
@import '~nova-bbva-ui/colors.scss';
// override bb4ui/angular-bootstrap-ui styles here 
 
// continue initialization 
@import '~nova-bbva-ui/pre-bb4ui.scss';
@import '~bootstrap/scss/bootstrap.scss';
@import '~nova-bbva-ui/post-bb4ui.scss';

Adding new fonts:

We include:

• bbva-oa-icons
• bbva-logo-icons

The rest need to be included manually

@import '~nova-bbva-ui/typography/fonts/bbva-to-icons/style.scss';
@import '~nova-bbva-ui/typography/fonts/bbva-fop-icons/style.scss';
@import '~nova-bbva-ui/typography/fonts/bbva-sn-icons/style.scss';
@import '~nova-bbva-ui/typography/fonts/bbva-cm-icons/style.scss';

LICENSE

© Banco Bilbao Vizcaya Argentaria, S.A. 2018 All rights reserved.