Skip to content

Commit 1d715a8

Browse files
author
lo kesh
committed
Added
- 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
1 parent ed2839b commit 1d715a8

17 files changed

+844
-305
lines changed

Gulpfile.js

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@ var gulp = require('gulp');
22
var browserSync = require('browser-sync');
33
var sass = require('gulp-sass');
44
var rename = require('gulp-rename');
5+
var autoprefixer = require('gulp-autoprefixer');
56
var reload = browserSync.reload;
67

78
module.exports = gulp;
@@ -20,7 +21,12 @@ gulp.task('sass', function() {
2021
return gulp.src('src/**/*.scss')
2122
.pipe(sass({
2223
outputStyle: 'expanded'
23-
}).on('error', sass.logError))
24+
})
25+
.on('error', sass.logError))
26+
.pipe(autoprefixer({
27+
browsers: ['> 5%','last 2 versions'],
28+
cascade: false
29+
}))
2430
.pipe(gulp.dest('src/'))
2531
.pipe(sass({
2632
outputStyle: 'compressed'

README.md

Lines changed: 15 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# Pretty checkbox
1+
# :heavy_check_mark: Pretty checkbox
22

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

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

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

7171
### Custom font library
7272

73-
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`.
73+
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`.
7474

7575
### What else
7676

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

8385
Thats all, folks!
8486

85-
Inspired from Okendoken's [awesome-bootstrap-checkbox](https://github.com/flatlogic/awesome-bootstrap-checkbox) . contributions are welcome!
87+
### Inspiration
88+
89+
- Inspired from Okendoken's [awesome-bootstrap-checkbox](https://github.com/flatlogic/awesome-bootstrap-checkbox).
90+
- Crazy animations are heavily inspired ( copied 😊 ) from [Animista](http://animista.net)
91+
92+
Contributions are welcome!
93+

package.json

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,11 @@
55
"main": "src/pretty.min.css",
66
"dependencies": {},
77
"devDependencies": {
8-
"gulp-rename": "^1.2.2",
9-
"gulp-sass": "^2.3.1",
108
"browser-sync": "^2.8.2",
11-
"gulp": "^3.9.0"
9+
"gulp": "^3.9.0",
10+
"gulp-autoprefixer": "^3.1.1",
11+
"gulp-rename": "^1.2.2",
12+
"gulp-sass": "^2.3.1"
1213
},
1314
"scripts": {},
1415
"repository": {

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy