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.