Skip to content

Commit

Permalink
Added
Browse files Browse the repository at this point in the history
- Animations ( jelly, tada, rotate, vibrate, bounce)
- Hover Effects
- SCSS variables for border/background color
- Curvy style

Changed
- Renamed outline-* to o-* in classnames
- Circled checkboxes has more padding and bigger
- Square style set as default

Updated
- Print styles
- Documentation
  • Loading branch information
lo kesh committed Mar 30, 2017
1 parent ed2839b commit 1d715a8
Show file tree
Hide file tree
Showing 17 changed files with 844 additions and 305 deletions.
8 changes: 7 additions & 1 deletion Gulpfile.js
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@ var gulp = require('gulp');
var browserSync = require('browser-sync');
var sass = require('gulp-sass');
var rename = require('gulp-rename');
var autoprefixer = require('gulp-autoprefixer');
var reload = browserSync.reload;

module.exports = gulp;
Expand All @@ -20,7 +21,12 @@ gulp.task('sass', function() {
return gulp.src('src/**/*.scss')
.pipe(sass({
outputStyle: 'expanded'
}).on('error', sass.logError))
})
.on('error', sass.logError))
.pipe(autoprefixer({
browsers: ['> 5%','last 2 versions'],
cascade: false
}))
.pipe(gulp.dest('src/'))
.pipe(sass({
outputStyle: 'compressed'
Expand Down
22 changes: 15 additions & 7 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
# Pretty checkbox
# :heavy_check_mark: Pretty checkbox

No more boring old fashioned checkboxes. New scalable CSS3 pretty checkbox and radio buttons with custom font icon library. **Only CSS**!

Expand All @@ -21,7 +21,7 @@ Add `pretty.min.css` in your html

From CDN,
```html
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pretty-checkbox/2.1.0/pretty.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pretty-checkbox/2.2.0/pretty.min.css"/>
```
or from the source,
```html
Expand Down Expand Up @@ -70,16 +70,24 @@ Refer the [Documentation](https://lokesh-coder.github.io/pretty-checkbox/) for o

### Custom font library

This library supports wide variety of font icon libraries. Currently tested with `FontAwesome` , `Bootstrap Glyphicon` , `Material Design icons (mdi)` , `Material Design icons (zmdi)` , `Typicons` `Ionicons`.
This library supports wide variety of font icon libraries. Currently tested with `FontAwesome` , `Bootstrap Glyphicon` , `Material Design icons (mdi)` , `Material Design icons (zmdi)` , `Typicons` , `Ionicons`.

### What else

- Scalable. can be used in any font sizes
- Used in frameworks like bootstrap, foundation, sematic UI
- Scalable. Can be used in any font sizes
- Cool animations and toggle features
- Customizable. See the demo for `sass` settings
- Used in frameworks like bootstrap, Foundation, Sematic UI
- Supported in all mordern browsers, including mobile devices
- Customizable. see the demo for `sass` settings
- Print friendly
- MIT Licence

Thats all, folks!

Inspired from Okendoken's [awesome-bootstrap-checkbox](https://github.com/flatlogic/awesome-bootstrap-checkbox) . contributions are welcome!
### Inspiration

- Inspired from Okendoken's [awesome-bootstrap-checkbox](https://github.com/flatlogic/awesome-bootstrap-checkbox).
- Crazy animations are heavily inspired ( copied 😊 ) from [Animista](http://animista.net)

Contributions are welcome!

7 changes: 4 additions & 3 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,11 @@
"main": "src/pretty.min.css",
"dependencies": {},
"devDependencies": {
"gulp-rename": "^1.2.2",
"gulp-sass": "^2.3.1",
"browser-sync": "^2.8.2",
"gulp": "^3.9.0"
"gulp": "^3.9.0",
"gulp-autoprefixer": "^3.1.1",
"gulp-rename": "^1.2.2",
"gulp-sass": "^2.3.1"
},
"scripts": {},
"repository": {
Expand Down
Loading

0 comments on commit 1d715a8

Please sign in to comment.