@ludanin/hestia

Lightweight CSS grid with javascript utilities

Install

npm install --save @ludanin/hestia

Usage

import React from "react"
import "@ludanin/hestia/min.css"

const App: React.FC = () => (
  <>
    <AppHead />
    <AppBody>
      <div type="container">
        <div type="row">
          <div col="8" behind="2" smDown="10" smDownBehind="1">
            Column Content
          </div>
        </div>
      </div>
    </AppBody>
  </>
)

TypeScript type definitions

If you're using TypeScript it will be necessary to extend JSX HTML Attributes types according to the following snippet:

import { HestiaHTMLAttributes } from "@ludanin/hestia/types"

declare module "react" {
  // eslint-disable-next-line @typescript-eslint/no-empty-interface
  export interface HTMLAttributes<T> extends HestiaHTMLAttributes {}
}

const App: React.FC = () => (
  <>
    <AppBody />
  </>
)

License

MIT © ludanin