Skip to content

Commit

Permalink
✨ Update Tailwind sketch resources to v2
Browse files Browse the repository at this point in the history
  • Loading branch information
jessedobbelaere committed Nov 22, 2020
1 parent 78d696a commit c5f181d
Show file tree
Hide file tree
Showing 18 changed files with 20 additions and 667 deletions.
24 changes: 13 additions & 11 deletions .github/workflows/build.yml
Original file line number Diff line number Diff line change
Expand Up @@ -13,23 +13,25 @@ jobs:
runs-on: "macos-latest"
steps:
- uses: actions/checkout@v2
- uses: oleksiyrudenko/gha-git-credentials@v1
- uses: oleksiyrudenko/gha-git-credentials@v2
with:
token: "${{ secrets.GITHUB_TOKEN }}"
- name: Download & Install Sketch
run: |
curl -OL https://sketch.com/download/sketch.zip
unzip sketch.zip
run: curl -OL https://sketch.com/download/sketch.zip && unzip sketch.zip
- name: Cleanup assets
run: rm -rf images/* Tailwind\ CSS.pdf || true
- name: Generate artboard previews with Sketchtool
run: Sketch.app/Contents/Resources/sketchtool/bin/sketchtool export artboards --output=images --formats=png --scales=2 --overwriting=YES *.sketch
- name: Generate a page preview with Sketchtool
run: Sketch.app/Contents/Resources/sketchtool/bin/sketchtool export preview --output=images --filename="preview.png" --max-size=2000 --overwriting=YES *.sketch
- name: Generate PDF page export with Sketchtool
run: Sketch.app/Contents/Resources/sketchtool/bin/sketchtool export pages --item="Tailwind CSS" --formats=pdf --scales=2 --overwriting=YES *.sketch
- name: Generate preview pdf of the artboards with Sketchtool
run: |
Sketch.app/Contents/Resources/sketchtool/bin/sketchtool export artboards --output=/tmp --formats=pdf --scales=2 --overwriting=YES *.sketch
rm /tmp/Color\ [email protected]
curl -OL https://github.com/coherentgraphics/cpdf-binaries/archive/master.zip && unzip master.zip
cpdf-binaries-master/OSX-Intel/cpdf /tmp/*.pdf -o ./images/preview.pdf
- name: Generate a file preview with Sketchtool
run: |
Sketch.app/Contents/Resources/sketchtool/bin/sketchtool export pages --output=images --item="Tailwind CSS" --formats=png --scales=1 --overwriting=YES *.sketch
mv images/Tailwind\ CSS.png images/preview.png
- name: Push assets to git
run: |
ls -al images/
git add images/* Tailwind\ [email protected]
git add images/*
git commit -m "🎨 Update preview assets" && git push
4 changes: 2 additions & 2 deletions .github/workflows/release.yml
Original file line number Diff line number Diff line change
Expand Up @@ -18,14 +18,14 @@ jobs:
with:
ref: "master"
fetch-depth: 0
- uses: oleksiyrudenko/gha-git-credentials@v1
- uses: oleksiyrudenko/gha-git-credentials@v2
with:
token: "${{ secrets.GITHUB_TOKEN }}"
- name: Use Node.js
uses: actions/setup-node@v1
with:
node-version: 14
- name: Release version
run: npx -p @release-it/bumper -p release-it@13.6.2 release-it --verbose --increment ${{ github.event.inputs.releaseVersion }}
run: npx -p @release-it/bumper@2.0.0 -p release-it@14.2.1 release-it --verbose --increment ${{ github.event.inputs.releaseVersion }}
env:
GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}"
6 changes: 4 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -15,10 +15,12 @@
<a href="https://github.com/jessedobbelaere/tailwindcss-sketch-kit/raw/master/Tailwind%20CSS.sketch"><img alt="Preview Sketch UI Kit for Tailwind CSS" src="images/preview.png" /></a>
</kbd>

🔎 See a [detailed preview of the artboards](images/preview.pdf)

## Features

- All default Tailwind CSS colors available (document colors/layer styles), typography styles, shadows, button, spacers/containers and basic form symbols.
- Uses the [Inter font](https://github.com/rsms/inter) as used frequently in e.g. TailwindUI
- [All Tailwind v2 CSS colors available](https://tailwindcss.com/docs/customizing-colors#color-palette-reference), typography styles, shadows, button, spacers/containers and basic form symbols.
- Uses the [Inter font](https://github.com/rsms/inter) as used frequently, e.g. in [TailwindUI](https://tailwindui.com/).
- A `.sketchpalette` colors file available for the [Sketch Palettes plugin](https://github.com/andrewfiorillo/sketch-palettes).
- Icons included: [Heroicons UI by Steve Schoger and Adam Wathan](https://github.com/refactoringui/heroicons)

Expand Down
Binary file modified Tailwind CSS.sketch
Binary file not shown.
Loading

0 comments on commit c5f181d

Please sign in to comment.