https://github.com/Nanasi-CSS/Nanasi-CSS

Responsive and pure CSS framework built on Flexbox. 🍍
https://github.com/Nanasi-CSS/Nanasi-CSS

css css-framework flexbox framework frontend html nanasi-css tanzania tz web-development

Last synced: about 1 month ago
JSON representation

Responsive and pure CSS framework built on Flexbox. 🍍

• Host: GitHub
• URL: https://github.com/Nanasi-CSS/Nanasi-CSS
• Owner: Nanasi-CSS
• License: mit
• Created: 2019-04-15T15:39:31.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-07-12T03:25:40.000Z (over 1 year ago)
• Last Synced: 2024-10-13T01:19:21.803Z (2 months ago)
• Topics: css, css-framework, flexbox, framework, frontend, html, nanasi-css, tanzania, tz, web-development
• Language: JavaScript
• Homepage:
• Size: 895 KB
• Stars: 8
• Watchers: 2
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

• Awesome-CSS-Resources - Nanasi-CSS:

README

        

Nanasi.CSS

Nanasi.CSS is a responsive and pure CSS framework you can use as a basis for creating websites or web applications.
Made with ❤️ in Tanzania.




  

    

    

  

  

   

    



 

## Progress 🚀

Currently in Beta

## Features

- Small and simple

- Responsive and fluid

- Pure CSS

- Based on Flexbox

- Easy to extend & customize

- BEM ready (Block, Element, Modifier) 

- No headaches 😉

## Usage

Clone this repo 

```

https://github.com/Nanasi-CSS/Nanasi-CSS.git

```

or install via NPM (Must have Node & NPM installed beforehand)

```

npm i nanasi-css

```

Nanasi CSS uses a 12 column flex box layout. Simply, set up your html file in the below format:

```

  


    


    


    

  


```

Inside the `container` and `column` classes you can add your own custom classes.

## Browser Support

![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | ![IE](https://raw.github.com/alrra/browser-logos/master/src/archive/internet-explorer_9-11/internet-explorer_9-11_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png)

--- | --- | --- | --- | --- | --- |

Latest ✔ | Latest ✔ | Latest ✔ | 11+ ✔ | 9.1+ ✔ | Latest ✔ |

## Contributors ✨

Thanks goes to these wonderful people:

  

     
Geofrey (Xvr) Kivaru
💻

    
Alpha Olomi
💻

  

## Contributing

Pull requests are welcome. Please see [CONTRIBUTING](./.github/CONTRIBUTING.md) and [CODE_OF_CONDUCT](./.github/CODE_OF_CONDUCT.md) for details. 

NOTE: *Every line of code should appear to be written by a single person, no matter the number of contributors.*

## Security

If you discover any security related issues, please email [[email protected]](mailto:[email protected]) instead of using the issue tracker.

## License

The MIT License. Please see [License File](LICENSE) for more information.

[link-author]: https://github.com/alphaolomi

[link-contributors]: ../../contributors