{"id":14962224,"url":"https://github.com/mikepjb/sail","last_synced_at":"2025-10-24T22:32:14.488Z","repository":{"id":49767675,"uuid":"239044924","full_name":"mikepjb/sail","owner":"mikepjb","description":":sailboat: Use Tailwind CSS in Clojure","archived":false,"fork":false,"pushed_at":"2023-07-19T16:05:58.000Z","size":215,"stargazers_count":58,"open_issues_count":1,"forks_count":0,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-10-22T23:01:59.801Z","etag":null,"topics":["clojure","css","design","tailwind"],"latest_commit_sha":null,"homepage":"","language":"Clojure","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/mikepjb.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-02-08T00:13:08.000Z","updated_at":"2024-11-06T12:56:03.000Z","dependencies_parsed_at":"2024-09-17T14:06:54.185Z","dependency_job_id":"1f83182e-2e9d-48c6-bc60-c414e3bb4964","html_url":"https://github.com/mikepjb/sail","commit_stats":{"total_commits":121,"total_committers":2,"mean_commits":60.5,"dds":0.4049586776859504,"last_synced_commit":"e9653d34008795be68ec69700b079754adc6f33d"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/mikepjb/sail","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikepjb%2Fsail","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikepjb%2Fsail/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikepjb%2Fsail/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikepjb%2Fsail/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/mikepjb","download_url":"https://codeload.github.com/mikepjb/sail/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/mikepjb%2Fsail/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":280878369,"owners_count":26406641,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-24T02:00:06.418Z","response_time":73,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clojure","css","design","tailwind"],"created_at":"2024-09-24T13:29:44.547Z","updated_at":"2025-10-24T22:32:14.159Z","avatar_url":"https://github.com/mikepjb.png","language":"Clojure","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg width=\"460\" height=\"300\" src=\"./sail-logo.png\"\u003e\n\u003c/p\u003e\n\nSail is a pure-Clojure generation tool for creating Tailwind CSS classes. This\nincludes the ability to only generate the classes that you use by analysing\nthe source code in your project.\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://clojars.org/com.hypalynx/sail\"\u003e\n    \u003cimg alt=\"Clojars Project\" src=\"https://img.shields.io/clojars/v/com.hypalynx/sail.svg\" /\u003e\n  \u003c/a\u003e\n  \u003ca href=\"https://cljdoc.org/d/com.hypalynx/sail/CURRENT\"\u003e\n    \u003cimg alt=\"Clojars Project\" src=\"https://cljdoc.org/badge/com.hypalynx/sail\" /\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n## Getting Started\n\nInclude sail as a dependency in your project: \n```clojure\n[com.hypalynx/sail \"0.8.15\"]\n{com.hypalynx/sail {:mvn/version \"0.8.15\"}}\n```\n\nRequire it in a namespace, like dev.user:\n```clojure\n(require '[sail.core :as sail]')\n```\n\nInclude the following in your build sequence to get your css:\n```clojure\n;; generates all tailwind classes to use in development and re-builds when changes occur\n(sail/watch \"target/public/styles.gen.css\" {:paths [\"./src/cljs\"]})\n\n;; generates all tailwind classes once, used for production builds\n(sail/build \"styles.test.gen.css\" {:paths [\"./src/cljs\"]})\n```\n\nWrite some frontend code using reagent:\n```clojure\n(defn my-fancy-component-with-styles []\n  [:div.bg-red-400.text-red-900.px-4.py-2.rounded.shadow-lg \"look at this big red button!\"])\n\n```\n\n## Development\n\nIf you add dependencies, you must add them to both deps.edn and pom.xml.. ideally we generate the pom file to be\nhonest but this works for now.\n\n## Technical Differences\n\nSail aims to be 100% compliant with Tailwind CSS but there are some additional\nclasses added to make the library easier to use. For example classes with `/`\nis them are not valid keywords when used directly so we have alternate tags in\naddition to the originals e.g `w-1/2 \u0026 w-1-2`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikepjb%2Fsail","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmikepjb%2Fsail","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmikepjb%2Fsail/lists"}