HTML.xxx

<HTML.{tag}> is a <Lism> component that allows you to apply the same props as <Lism> to major HTML tags.

For example, <HTML.p> works the same as <Lism as='p'>.

HTML.div
HTML.p
HTML.span
HTML.a
HTML.h (you can specify 1–6 via the lv prop; defaults to 1)

Lism CSS

The some description text is here…

リサイズ可能

<Center p='30' ar='3/2' bgc='base' g='10'>
  <HTML.h lv='1' fz={['3xl', '4xl']} ff='accent'>
    Lism CSS
  </HTML.h>
  <HTML.p c='text-2'>
    The some description text is here...
  </HTML.p>
  <Flex g='20' my-s='30'>
    <HTML.a href='###' d='in-flex' bdrs='10' td='none' c='base' bgc='text' py='10' px='20'>
      Documents
    </HTML.a>
    <HTML.a href='###' d='in-flex' bdrs='10' td='none' c='text' bd py='10' px='20'>
      Github
    </HTML.a>
  </Flex>
</Center>