lukejacksonn / oceanwind

Compiles tailwind shorthand into css at runtime. Succeeded by Twind.
https://twind.dev
264 stars 12 forks source link

rounded-b and friends are missing #18

Closed bebraw closed 3 years ago

bebraw commented 3 years ago

Demo:

// Oceanwind demo by @lukejacksonn
// ----------------

import { render, h } from 'https://unpkg.com/preact?module';
import htm from 'https://unpkg.com/htm?module';
import ow from 'https://unpkg.com/oceanwind';

const html = htm.bind(h);

render(
  html`
    <div className=${ow`
      h-full
      bg-purple-500
      flex
      items-center
      justify-center
    `}>
      <h1 className=${ow`
        bg-orange
        text-white
        p-8
        rounded-b
      `}>Hello World</h1>
    </div>
  `,
  document.body
);

rounded works but the specific variants seem to be missing. Likely the grammar needs a small extension for support.

Reference: https://tailwindcss.com/docs/border-radius#rounded-corners .