-
Notifications
You must be signed in to change notification settings - Fork 28
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Showing
119 changed files
with
117 additions
and
13,627 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
license.txt | ||
README.md | ||
target/ | ||
bower_components/ | ||
node_modules/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,29 +1,47 @@ | ||
Skeleton Sass | ||
============= | ||
Skeleton Sass Demo | ||
=================== | ||
|
||
Welcome to the Skeleton Sass website. Feel free to browse the source code of this website to see how it was created. If you find any issues, feel free to [submit a pull request](https://github.com/atomicpages/skeleton-sass/pull/new/gh-pages) with a fix or file an issue! | ||
Skeleton Sass Demo is a place to outline a sample project using Skeleton Sass 3 and how to accurately decouple existing and new code from the Skeleton Sass 3 core. This can also serve as a good starting point for your next project with Skeleton Sass. Feel free to fork and create demos of your own! | ||
|
||
Looking for Skeleton Sass v1 Site? Find it here: http://atomicpages.github.io/skeleton-sass/v1/ | ||
### What you'll need | ||
* [Node](https://nodejs.org/) | ||
* [Npm](https://www.npmjs.com/) | ||
* [Bower](https://www.npmjs.com/package/bower) | ||
|
||
### How do I build? | ||
This demo uses gulp to automate the task of compiling/watching the Sass code. It also handles things like automate sourcemapping in your `skeleton.css` file, separating files into a development and production state, and more. | ||
|
||
With node installed simply run the following from command line: | ||
|
||
~~~bash | ||
npm i && bower i | ||
cd path/to/demo | ||
npm install && bower install | ||
gulp dist | ||
~~~ | ||
|
||
## Changelog | ||
### 3.0.0 | ||
* Updated/decoupled dependencies | ||
* Bump to Skeleton Sass 3 (as part of decoupling process) | ||
* Made it easier for other developers to contribute to the site | ||
* Enforced coding standards with `.editorconfig` | ||
* Fixed bower version issues | ||
* Switched to Gulp | ||
* Deployment of artifacts in `target` directory | ||
* All source code can be found in `source` | ||
* **Note:** the only exception to this is `index.html` which serves as the entry point to the site. | ||
* Dropped legacy `X-UA-Compatible` meta tag. [See here for more info](http://stackoverflow.com/questions/6771258/what-does-meta-http-equiv-x-ua-compatible-content-ie-edge-do) | ||
|
||
## TODO | ||
* Update demo | ||
If you're new to working with node, npm, bower, and gulp, then we'll break it down: | ||
|
||
~~~bash | ||
npm install | ||
~~~ | ||
|
||
This command installs all of the dependencies needed to get gulp working correctly. | ||
|
||
~~~bash | ||
bower install | ||
~~~ | ||
|
||
This command installs all of our frontend dependencies and allows us to manage these. We can easily add new components into an existing project, uninstall components, and update dated components as well! | ||
|
||
~~~bash | ||
gulp dist | ||
~~~ | ||
|
||
This command invokes a gulp task called `dist` which in turn fires up the `sass` compiler. Check out the [npm module page](https://www.npmjs.com/package/gulp) for additional information. | ||
|
||
After running the command above, you'll notice a `target` directory was created. This is our production-ready directory. You're ready to create! | ||
|
||
### License | ||
This project is released under the MIT License. Check the `license.txt` file for the full script. | ||
|
||
### Contributing | ||
Found a bug? Have an enhancement? Submit a pull request with your changes and we'll give you come public recognition! |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.