Empiricus CSS Framework

Empiricus CSS is a modern CSS framework based on Bootstrap

To Use

First install the framework:

npm i empiricus-css

Then create a global.scss into your project and import the main files:

// Required
@import "~empiricus-css/src/assets/scss/mixins.scss";
@import "~empiricus-css/src/assets/scss/vars.scss";
@import "~empiricus-css/src/assets/scss/fonts.scss";
@import "~empiricus-css/src/assets/scss/resets.scss";

//Components - Main
@import "~empiricus-css/src/assets/scss/components/utils.scss";
@import "~empiricus-css/src/assets/scss/components/typograph.scss";
@import "~empiricus-css/src/assets/scss/components/spacing.scss";
@import "~empiricus-css/src/assets/scss/components/grid.scss";

After, create a scss variable named '$pathFonts' and apply:

$pathFonts': "~empiricus-css/public/fonts/";

If you want to add the optional components to your global.scss:

//Components - Optional
@import 'components/layout';
@import 'components/buttons';
@import 'components/card';
@import 'components/card-info';
@import 'components/spinners';
@import 'components/tables';
@import 'components/forms';
@import 'components/tooltip';
@import 'components/breadcrumb';
@import 'components/media';
@import 'components/images';
@import 'components/embed';
@import 'components/labels';
@import 'components/alert';
@import 'components/avatar';

This package also contains an svg font package:

~empiricus-css/public/icons/

DEMO:

http://designfw.empiricus.com.br/

So have fun ;)

Documentation

See Empiricus Design System.

Deployment

The bitbucket-pipelines.yml file defines the current deployment process. To deploy, just commit the changes to master branch.

You can watch the deployment process here.