GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → ummahusla → PotatoCSS

ummahusla / PotatoCSS

Licence: MIT license
🥔 Simple CSS framework for hackers. Simple as potato.

Programming Languages

CSS
56736 projects
javascript
184084 projects - #8 most used programming language

Labels

csshtmlresponsivecss-frameworkcss-grid

Projects that are alternatives of or similar to PotatoCSS

aioneframework
Aione Framework: All-in-one lightweight mobile first front-end framework to design websites, web applications, mobile applications, progressive web applications having large number of examples, documentation, tutorials, community support, components.
Stars: ✭ 13 (-75.47%)
Mutual labels:  responsive, css-framework, css-grid
Cirrus
☁️ The CSS framework for the modern web.
Stars: ✭ 716 (+1250.94%)
Mutual labels:  responsive, css-framework, css-grid
Fluid
Modern, Stylish, Easier and Powerful Css framework for faster and hassle free web development
Stars: ✭ 24 (-54.72%)
Mutual labels:  responsive, css-framework, css-grid
Bonsai.css
A Utility Complete CSS Framework for less than 45kb (8kB Gzipped) -
Stars: ✭ 254 (+379.25%)
Mutual labels:  responsive, css-framework
beercss
Build material design interfaces in record time... without stress for devs... 🍺💛
Stars: ✭ 223 (+320.75%)
Mutual labels:  responsive, css-framework
40-lines-of-Sass
Full featured flexbox grid in 40 lines of Sass
Stars: ✭ 20 (-62.26%)
Mutual labels:  responsive, css-grid
atomize
A library of atomic CSS classes.
Stars: ✭ 51 (-3.77%)
Mutual labels:  responsive, css-framework
Jikan
A new CSS framework for better, faster and more beautiful UIs.
Stars: ✭ 19 (-64.15%)
Mutual labels:  responsive, css-framework
Mini.css
A minimal, responsive, style-agnostic CSS framework!
Stars: ✭ 2,938 (+5443.4%)
Mutual labels:  responsive, css-framework
Beamwind
a collection of packages to compile Tailwind CSS like shorthand syntax into CSS at runtime
Stars: ✭ 32 (-39.62%)
Mutual labels:  responsive, css-framework
Ivory
A modern CSS framework for developing powerful web interfaces faster and easier.
Stars: ✭ 61 (+15.09%)
Mutual labels:  responsive, css-framework
Numl
A UI Design Language, WC UI Library, and Runtime CSS Framework for rapidly building interfaces that follow your Design System 🌈
Stars: ✭ 229 (+332.08%)
Mutual labels:  responsive, css-framework
responsive-css-grid
A super-lightweight, responsive, 8-column grid based on box-sizing
Stars: ✭ 46 (-13.21%)
Mutual labels:  responsive, css-grid
motley
CSS Framework based on ITCSS
Stars: ✭ 24 (-54.72%)
Mutual labels:  responsive, css-framework
boba
A lightweight, modular CSS framework.
Stars: ✭ 47 (-11.32%)
Mutual labels:  responsive, css-framework
Framy Css
Very simple CSS Framework
Stars: ✭ 103 (+94.34%)
Mutual labels:  responsive, css-framework
Frow
Flexbox Toolkit & Grid
Stars: ✭ 152 (+186.79%)
Mutual labels:  css-framework, css-grid
Css Mint
Lightweight and simple to use UI Kit. Fully responsive, just 3KB gzipped.
Stars: ✭ 209 (+294.34%)
Mutual labels:  css-framework, css-grid
Waffle Grid
An easy to use flexbox grid system.
Stars: ✭ 602 (+1035.85%)
Mutual labels:  responsive, css-grid
Ungrid
ungrid - the simplest responsive css grid
Stars: ✭ 1,292 (+2337.74%)
Mutual labels:  responsive, css-grid
View All Similar Projects ➔

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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].