Skip to content
This repository has been archived by the owner on Jun 12, 2023. It is now read-only.

Latest commit

 

History

History
36 lines (32 loc) · 630 Bytes

README.md

File metadata and controls

36 lines (32 loc) · 630 Bytes

FLCSS SSR

import { Head } from 'fresh/runtime.ts';

import { createStyle } from 'https://pax.deno.dev/fable-community/[email protected]';

const styles = createStyle({
  button: {
    cursor: 'pointer',
    backgroundColor: colors.blue,
    ':hover': {
      border: '2px solid white',
    },
  },
  icon: {
    color: '#ffffff',
  },
});

export default function () {
  return (
    <>
      <Head>
        <style>{styles.bundle}</style>
      </Head>
      <div>
        <button className={styles.names.button}>
          Button
          <img class={styles.names.icon} />
        </button>
      </div>
    </>
  );
}