Simple CSS framework for hackers. Simple as potato.
🥔 PotatoCSS is a beautiful CSS framework for hackers: boasting a responsive 12 column grid, ready to use built-in forms and buttons, it's clean, simple and easy-to-use.
PotatoCSS can be installed via the methods below,
- Manual: Download
- via NPM:
npm install potato-css
- via git:
git clone https://github.com/ummahusla/PotatoCSS.git
Just grab potato.css
or potato.min.css
from the /stylesheets/css
folder and shove it where you store the CSS files for your project.
Demo can be found at https://potatocss.github.io/.
Alternately, you can find examples and snippets to use with PotatoCSS in the example folder.
📢 SASS / LESS versions are still in development
The following details are estimates, assume evergreen browser support for now.
- Chrome : ALL
- Firefox : 3.5+
- Safari : 3.2+
- Opera : 11+
- Opera Mini : ALL
- Edge : ALL
- Internet Explorer : 9+
To build the code, follow these steps.
- Ensure that NodeJS is installed. This provides the platform on which the build tooling runs.
- From the project folder, execute the following command:
npm install
- To build the code from SCSS version, you can now run:
gulp build-sass
- To build the code from LESS version, you can now run:
gulp build-less
- You will find the compiled code in the
stylesheets
andjs
folders. - To watch changes while develop, you can now run:
gulp default
# It will start watching process and local server with livereloading
- To test changes in compiled stylesheets, you can now run:
gulp test-css
# or
npm test
Please read the repository's 🗒 contributing guide for more information on how you can help.
PotatoCSS is licensed under the MIT License.
PotatoCSS was created for Hacktoberfest by Edvins Antonovs. You can find more details in this blog post.
🎉 Big thanks to all the contributors.