Skip to content

deemp/purescript-css-frameworks

 
 

Repository files navigation

purescript-css-frameworks

ClassNames from multiple CSS frameworks.

Inspired by purescript-halogen-bootstrap5 and purescript-react-icons.

Installation

spago install css-frameworks

Libraries

  • download - link to the docs section that explains how to download the .css file, preferably via CDN.
  • version - the framework version and the link to the .css file.
  • directory - framework directory in ./css.
  • license - framework license. Each directory contains a complete LICENSE file.

Framework lists were taken from purescript-react-icons and awesome-css-frameworks.

Icons

download version directory license
Bootstrap Icons 1.11.1 bootstrap-icons MIT
Boxicons 2.1.4 boxicons CC BY 4.0 License
css.gg 2.1.1 css.gg MIT
Devicons 1.8.0 devicons MIT
Fontawesome 6.4.2, free for web fontawesome CC BY 4.0 License
Remix Icon 3.5.0 remixicon Apache License Version 2.0
Simple Line Icons 2.5.5 simple-line-icons MIT
Tabler Icons 2.35.0 tabler-icons MIT
Themify Icons latest themify-icons MIT
Typicons 2.1.2 typicons.font CC BY-SA 3.0
VS Code Icons latest vscode-codicons MIT
Weather Icons latest weather-icons SIL OFL 1.1

Very Lightweight

download version directory license
Chota 0.9.2 chota MIT
Milligram 1.4.1 milligram MIT
Picnic latest picnic MIT
Pure 3.0.0, pure, grids-responsive pure BSD-3-Clause

General Purpose

download version directory license
Bootstrap 5.3.2 bootstrap MIT
Bulma 0.9.4 bulma MIT
Carbon 10.58.10 carbon Apache License 2.0
Foundation 6.8.1 foundation MIT
Primer 21.0.9 primer MIT
UIkit 3.16.26 uikit MIT

Documentation

Module documentation on Pursuit.

Contribute

New framework

  1. Find the framework repo/site. Let's call it {site}.

  2. Find a framework (preferrably not minified) .css file. Let's call it {file}.

  3. Find the framework license text. Let's call it {license}.

  4. Let's call the link to that text a {link}.

  5. Create a directory for the framework .css in the ./css directory. Let's call the new directory {framework}.

  6. Create a file {framework}/LICENSE. Let's call it {LICENSE}.

  7. Copy the {file} into {framework}/all.css.

  8. If the {file} was minified, format it so that it's not minified.

  9. Compose the {LICENSE}. See an example. Add relevant sections.

    1. == License link
      
      ... {link} ...
    2. == License content
      
      ... {license} ...
  10. Edit a relevant table in Libraries.

  11. Install perl or use a Nix devshell.

  12. Run the generator.

    perl gen.pl
  13. Commit, make a Pull Request.

Nix dev tools

This repo provides a Nix flake with PureScript tools.

  1. Install Nix.

  2. Start a devshell.

    nix develop
  3. (Optionally) use direnv.

    direnv allow

Release new version

  • Commit all changes.

  • Update the version appropriately.

    spago bump-version patch --no-dry-run
  • Push to GitHub.

    git push --follow-tags
  • Publish the package and docs. A GitHub token for npx pulp login doesn't need any permissions.

    npx pulp login
    npx pulp publish

License

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • CSS 69.3%
  • PureScript 30.6%
  • Other 0.1%