chunker-typography

The basis typography style for the Assembly front-end

Usage no npm install needed!

<script type="module">
  import chunkerTypography from 'https://cdn.skypack.dev/chunker-typography';
</script>

README

Типографика

npm i -S chunker-typography

Основные настройки конфига

$font-family: 'Fira Sans', sans-serif;

Параметры заголовков. Пример:

h1: ( 48rem — кегль и высота строки, null — верхний отступ, 56rem — нижний отступ )

$headings: ( h1: (48, null, 56), h2: (32, 80, 40), h3: (24, 64, 32), h4: (32, 80, 40), h5: (24, 64, 32), h6: (16, 56, 24) );

Лид .lead

24rem — кегль, 32rem — высота строки, 32rem — нижний отступ

$lead: (24, 32, 32);

Основные стили базовых тегов

[ p, li, blockquote, figcaption ] 16rem — кегль, 24rem — высота строки, 24rem — нижний отступ

$typography: (16, 24, 24);

License

Copyright (c) 2018 Igor Volkov

Licensed under the MIT license.