A Craft CMS and Tachyons website scaffold for Graphical House projects. With thanks to nystudio107.
-
Create a new project folder in your
Repos/
directory or your preferred location. (Note Craftyons will use this folder name as the site path for Valet - you can always change it later) -
In Terminal, CD to the project folder you just made and run
composer create-project graphicalhouse/craftyons . -s RC
to get started
This package assumes you have the following installed:
- You're using a Mac and Laravel Valet as your development environment
- Gulp is used for workflow automation, again with thanks to nystudio107
- Tachyons CSS is used as a CSS framework
- Animate CSS is available from the node_modules directory if required
Run composer create-project graphicalhouse/craftyons . -s RC
from your desired project folder, and follow the instructions.
Run ./craft setup
from your project folder
Run ./craftyons-setup welcome
from your project folder
Run valet link && valet secure && valet open && gulp
The dot will turn solid to show that LiveReload is running. Any CSS added or changed to /src/css will now be minified to /web/css/
- Run
gulp
from the project folder - Open
https://PROJECTNAME.dev
in Chrome or usevalet open
- A Gulp Workflow for Frontend Development Automation
- Atom snippets that help you quickly generate .json models for CraftCMS. (These work nicely with the Architect plugin)
Run chmod 770 craftyons-setup
to get the script to run from the command line
Need to automate the first Tachyons compile
cd node_modules/tachyons-custom && npm install && npm start
And then move the resulting css file to /src/css
cp node_modules/tachyons-custom/css/tachyons.css src/css
Both of the above in one command eeeeek
cd node_modules/tachyons-custom && npm install && npm start && quit
Or even better
cd node_modules/tachyons-custom && npm install && npm run build:css && cp css/tachyons.css ../../src/css && cd ../../ && ls && echo Tachyons moved to src folder, now launching website && valet link && valet secure && valet open