Skip to content
πŸ₯” Simple CSS framework for hackers. Simple as potato.
CSS JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
examples
js
stylesheets
.babelrc
.editorconfig
.gitignore
.stylelintrc
CONTRIBUTING.md
LICENSE.md
README.md
gulpfile.babel.js
logo.png
package-lock.json
package.json

README.md

PotatoCSS

PotatoCSS

Simple CSS framework for hackers. Simple as potato.

npm version


πŸ₯” 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.

Installation

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

How to use

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

Browser Support

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+

Building The Code

To build the code, follow these steps.

  1. Ensure that NodeJS is installed. This provides the platform on which the build tooling runs.
  2. From the project folder, execute the following command:
npm install
  1. To build the code from SCSS version, you can now run:
gulp build-sass
  1. To build the code from LESS version, you can now run:
gulp build-less
  1. You will find the compiled code in the stylesheets and js folders.
  2. To watch changes while develop, you can now run:
gulp default

# It will start watching process and local server with livereloading
  1. To test changes in compiled stylesheets, you can now run:
gulp test-css
# or
npm test

Contributing

Please read the repository's πŸ—’ contributing guide for more information on how you can help.

License

PotatoCSS is licensed under the MIT License.

Credits

PotatoCSS was created for Hacktoberfest by Edvins Antonovs. You can find more details in this blog post.

πŸŽ‰ Big thanks to all the contributors.

You can’t perform that action at this time.