Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mahmoudzakaria90/besty-flow
Best workflow in the whole world
https://github.com/mahmoudzakaria90/besty-flow
Last synced: about 1 month ago
JSON representation
Best workflow in the whole world
- Host: GitHub
- URL: https://github.com/mahmoudzakaria90/besty-flow
- Owner: mahmoudZakaria90
- Created: 2016-05-17T23:39:35.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T23:08:46.000Z (about 2 years ago)
- Last Synced: 2024-04-15T01:57:44.892Z (9 months ago)
- Language: CSS
- Size: 2.04 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 9
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BestyFLow(give.css)
###### Multiple classes = Shape your styles + Make/edit your web pages faster
# How to use give.css?
##### First the workflow has a general rules with default values (Customizable of course!) for best implementation also inclueds sliders, dropdowns and burger links.
### Let's gettin' started
Ok, now we have this element `h1` and i want to shape its style quickly.
`
Big title
`
`click`
#### This will result
#### h1
- gv-padding: padding all sides.
- gv-margin-lg: margin large all sides.
- gv-color-main: color property will take the value of `$main-color` or whatever value.
- gv-color-black: background-color property will take the value of `$black-color` or `black` keyword.
#### button
- gv-padding-rl: padding right and left.
- gv-radius: border-radius.
- gv-shadow-box: box shadow.
# Used kits
I used gulp and bower for my dependencies and devDependencies :
### Dependencies //Bower
- Normalize.css
- Font awesome
- jQuery
### DevDependencies //gulp
- gulp-ruby-sass
- gulp-connect
- gulp-jshint
- Browserify
### Follow these steps below to get started :
- `git clone [email protected]:mahmoudzakaria90/besty-flow.git`
- `npm install`
- `bower update`
#### For quick use
``
Slider structure
```
```
Dropdown
```
Home
```
Burger example
```
```