https://github.com/jfet97/strawberry

A new flexbox based CSS micro-framework.
https://github.com/jfet97/strawberry

css css-flexbox css-framework css-micro-framework css3

Last synced: about 17 hours ago
JSON representation

A new flexbox based CSS micro-framework.

• Host: GitHub
• URL: https://github.com/jfet97/strawberry
• Owner: jfet97
• License: mit
• Archived: true
• Created: 2018-06-05T18:00:54.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-07-04T15:19:53.000Z (over 5 years ago)
• Last Synced: 2024-08-03T00:13:35.281Z (3 months ago)
• Topics: css, css-flexbox, css-framework, css-micro-framework, css3
• Language: CSS
• Homepage: https://jfet97.github.io/strawberry/
• Size: 4.95 MB
• Stars: 73
• Watchers: 4
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

• Awesome-CSS-Resources - strawberry: - framework. (Frameworks / Resources / S)

README

        






[![NPM version](https://img.shields.io/npm/v/strawberry-css.svg)](https://www.npmjs.com/package/strawberry-css) [![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/jfet97/strawberry-css/blob/master/LICENSE) ![](https://img.shields.io/npm/dt/strawberry-css.svg) ![](https://img.shields.io/badge/dependencies-no%20dependencies-%231e88e5%20.svg)

# Strawberry CSS

![](https://img.shields.io/github/stars/jfet97/strawberry.svg?style=social&label=Star)

## What

Strawberry is a new flexbox based CSS micro-framework.

A set of common flexbox's utilities focused on making your life easier and faster with nested flexboxes.

> Have a look at the [website](https://jfet97.github.io/strawberry/)


> Read about it [on Medium](https://medium.com/@andreasimonecosta/strawberry-a-new-flexbox-based-css-micro-framework-42ff9be49468).

## How

```sh

$ npm i --save strawberry-css

```

or

```html

```

## Why

1. It's light: less than 34Kb

2. It’s powerful: create Flexbox-based layouts in few lines of code

3. No preset graphic style: it helps you create layouts without messing up your life

4. No conflicts with other used framework in the same project: all classes start with the sb- prefix

5. Easy to override: strawberry never use !important

## Wiki

[Read the wiki!](https://github.com/jfet97/strawberry/wiki)

## Bugs

Have you found something wrong?

1) Read and apply [these guidelines](https://github.com/jfet97/strawberry/blob/master/.github/ISSUE_TEMPLATE/bug_report.md)

2) Feel free to [open an issue](https://github.com/jfet97/strawberry/issues) or to email us at [[email protected]].

## Features

Would you like to see a new feature added?

1) Read and apply [these guidelines](https://github.com/jfet97/strawberry/blob/master/.github/ISSUE_TEMPLATE/feature_request.md)

2) Feel free to [open an issue](https://github.com/jfet97/strawberry/issues) or to email us at [[email protected]].

## Examples

I'm working [on them](https://github.com/jfet97/strawberry/wiki/Examples). Stay Tuned!

## Contributing

Please read [CONTRIBUTING.md](https://github.com/jfet97/strawberry/blob/master/CONTRIBUTING.md) for details on our code of conduct, and the process for submitting pull requests to us.

## Versioning

We use [SemVer](http://semver.org/) for versioning. For the versions available, click [here](https://github.com/jfet97/strawberry/releases). 

## Author

* **Andrea Simone Costa** aka [jfet97](https://github.com/jfet97)

See also the list of [contributors](https://github.com/jfet97/strawberry/graphs/contributors) who participated in this project.

## Contacts

* [email protected]

* [facebook](https://www.facebook.com/strawberrycss/)

* [slack](https://join.slack.com/t/strawberrycss/shared_invite/enQtMzgwMTIwOTg0ODA1LTExYzM1ZDg4Y2NiZjcyMGNjY2Q1MTBhODQzODFkOTcyYTg5OThjMDRlYjQwNjRjMDgwMjkwNDU0YmYwZmFjZjU)

* [gitter](https://gitter.im/strawberrycss)

## License

MIT