@shadoll/viola

Patch Element component chalk theme.

Usage no npm install needed!

<script type="module">
  import shadollViola from 'https://cdn.skypack.dev/@shadoll/viola';
</script>

README

@shadoll/viola

element component chalk theme.

Installation

npm i @shadoll/viola -S

Usage

отличие от обычного пакета

  • объявляете переменные верхнего класса
// sass | scss

// mix
$viola-core: 'fk-tomato'; // без точки
$namespace: #{$viola-core+' .el'};
$namespace2: #{$viola-core+'.el'};

// optional
$--color-primary: violet;

обратить внимание на переменную $core-class - название класса (без точки) $namespace и $namespace2 - служебные (нужны для sass @mixin)

  • после переменных импортируете пакет на верхнем уровне
// sass | scss
@import "~@shadoll/viola/src";

если не будете использовать эти особенности - не рекомендую использовать этот пакет взамен обычного element-theme-chalk , так как тут он немного "раздувается".

ниже документация от родного пакета element-theme-chalk

Use Sass import

@import '@shadoll/viola';

Or Use webpack

import '@shadoll/viola';

Or

<link rel="stylesheet" href="path/to/node_modules/@shadoll/viola/lib/index.css">

Import on demand

import '@shadoll/viola/lib/input.css';
import '@shadoll/viola/lib/select.css';

// ...