Skip to content
This repository has been archived by the owner on Jun 12, 2023. It is now read-only.
/ flcss Public archive
forked from ker0olos/flcss

A FLCSS fork for SSR apps

License

Notifications You must be signed in to change notification settings

fable-community/flcss

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

74 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FLCSS SSR

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

import { createStyle } from 'https://pax.deno.dev/fable-community/flcss@v1.0.2';

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>
    </>
  );
}

Languages

  • TypeScript 100.0%