🦊 Fox - Future Open Experience

This lib bundles all styles used inside assecosolutions applications. If you use styles / icons directly from the common folder you can brand your applications CI based on Asseco Solutions recommendations and guidelines and stay up to date when there are new changes.

Installation

npm i @assecosolutions/fox-common-styles

Usage

Inside the common folder we have 3 base folder:

Images

Here we host our images for all applications and use it like.

<img src="./node_modules/@assecosolutions/fox-common-styles/assets/asseco_solutions.png" />

Styles

Here we host our application styles, themes and variables for public usage

//for all styles
@import '@assecosolutions/fox-common-styles/styles/base.app.styles.scss';
//only variables
@import '@assecosolutions/fox-common-styles/styles/variables.scss';
//only grid
@import '@assecosolutions/fox-common-styles/styles/grid.scss';
. . .

Font

We Import our fonts via cdn and not local (if needed local, contact us).

<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400;1,900&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

Usage Demo and Docs

We use Storybook to deliver an interactive documentation of our Design system. There you can find Multiple examples, guidelines and the documentation of all FOX web components.

Maintainer

| | | | | | :----------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------: | | Burak Topal (@biggisb) | Jari Möllenbernd (@jarmee) | Julia Nissen (@JuliaNssn) | Florian Ehmke (@florianehmke) |