Vibbo theme

This repository contains a set of customized variables to initialize values and component styles for vibbo

Naming conventions

sui-theme and all sui styles in general run over some class naming and variable naming conventions:

• sass variables
• ClassNames:

Classname naming runs over the follow convention:

For root elements

<div className='sui-DummyComponent'> // ROOT ELEMENT -> sui-<ComponentName> in pascal case notation
``
*For first childs*`
```html
<div className='sui-DummyComponent'> // ROOT ELEMENT -> sui-<ComponentName> in pascal case notation
         <div className='sui-DummyComponent-firstChild'> // FIRST CHILD -> sui-<ComponentName>-<childName> child name in camel case notation

Usage

Import vibbo-theme into your sui-component including the path in index.scss:

@import '~@schibstedspain/vb-theme/src/index';

Update

If you need to update any of these variables please do it under pull request system.