@adv-ui/ma-theme

Milanuncios theme styles to all components

Usage no npm install needed!

<script type="module">
  import advUiMaTheme from 'https://cdn.skypack.dev/@adv-ui/ma-theme';
</script>

README

Build Status

Milanuncios theme

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

Naming conventions

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

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</childName
            ></ComponentName
          >
        </div></ComponentName
      >
    </div></ComponentName
  >
</div>

Usage

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

@import '~@adv-ui/ma-theme/src/index';

Update

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