@a-project/a-ui v0.1.8-rc.2

vue-telekom

Based on https://github.com/T-Systems-RUS/vue-telekom

Prerequisites

This repository uses bulma styles so you will have to make sure you installed bulma as a dependency to your project. Properly set webpack is required to understand ~ alias.

Import Styles

• Use @import '~a-ui/styles/utilities/mixins; when importing to components that need mixins. (this mixins file already contains bulma mixins with overriden variables. So please do not import bulma mixins directly to your components as it might lead to viewport breakpoint inconsistency, e.g when using bulma mixins like mobile, tablet, deskop etc.)

Override required variables

Most likely you will need to copy fonts from assets/fonts and images from fonts from assets/images to your local static folder. Otherwise fonts will be encoded in the CSS and cause bloat. (The same is for assets images that are used in styles) To avoid this override $font_path and $assets_path variables like this:

@import '~@a-project/a-ui/scss/export-variables';

$assets_path: './publicFolder/assets/';
$font_path: './publicFolder/fonts/';

@import '~@a-project/~a-ui/styles';