├── .bower.json
├── .gitignore
├── LICENSE
├── README.md
├── _config.yml
├── _layouts
└── default.html
├── assets
└── css
│ └── style.scss
├── icheck-bootstrap.css
├── icheck-bootstrap.min.css
├── icheck-bootstrap.nuspec
├── package-lock.json
├── package.json
└── scss
├── _colors.scss
├── _colors_flatui.scss
├── _icheck.scss
├── _variables.scss
└── icheck-bootstrap.scss
/.bower.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "icheck-bootstrap",
3 | "description": "Pure css checkboxes and radio buttons for Twitter Bootstrap.",
4 | "version": "3.0.1",
5 | "main": "icheck-bootstrap.css",
6 | "keywords": [
7 | "checkbox",
8 | "radio",
9 | "bootstrap",
10 | "pure",
11 | "css"
12 | ],
13 | "authors": [
14 | {
15 | "name": "Hovhannes Bantikyan",
16 | "email": "bantikyan@gmail.com",
17 | "url": "https://github.com/bantikyan"
18 | }
19 | ],
20 | "ignore": [
21 | "**/.*",
22 | "_layouts",
23 | "assets",
24 | "_config.yml",
25 | "package.json",
26 | "package-lock.json",
27 | "icheck-bootstrap.nuspec",
28 | "README.md"
29 | ],
30 | "license": "MIT",
31 | "homepage": "https://github.com/bantikyan/icheck-bootstrap",
32 | "repository": {
33 | "type": "git",
34 | "url": "git://github.com/bantikyan/icheck-bootstrap.git"
35 | }
36 | }
37 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | ## Ignore Visual Studio temporary files, build results, and
2 | ## files generated by popular Visual Studio add-ons.
3 |
4 | # User-specific files
5 | *.suo
6 | *.user
7 | *.userosscache
8 | *.sln.docstates
9 |
10 | # User-specific files (MonoDevelop/Xamarin Studio)
11 | *.userprefs
12 |
13 | # Build results
14 | [Dd]ebug/
15 | [Dd]ebugPublic/
16 | [Rr]elease/
17 | [Rr]eleases/
18 | x64/
19 | x86/
20 | bld/
21 | [Bb]in/
22 | [Oo]bj/
23 | [Ll]og/
24 |
25 | # Visual Studio 2015 cache/options directory
26 | .vs/
27 | # Uncomment if you have tasks that create the project's static files in wwwroot
28 | #wwwroot/
29 |
30 | # MSTest test Results
31 | [Tt]est[Rr]esult*/
32 | [Bb]uild[Ll]og.*
33 |
34 | # NUNIT
35 | *.VisualState.xml
36 | TestResult.xml
37 |
38 | # Build Results of an ATL Project
39 | [Dd]ebugPS/
40 | [Rr]eleasePS/
41 | dlldata.c
42 |
43 | # DNX
44 | project.lock.json
45 | project.fragment.lock.json
46 | artifacts/
47 |
48 | *_i.c
49 | *_p.c
50 | *_i.h
51 | *.ilk
52 | *.meta
53 | *.obj
54 | *.pch
55 | *.pdb
56 | *.pgc
57 | *.pgd
58 | *.rsp
59 | *.sbr
60 | *.tlb
61 | *.tli
62 | *.tlh
63 | *.tmp
64 | *.tmp_proj
65 | *.log
66 | *.vspscc
67 | *.vssscc
68 | .builds
69 | *.pidb
70 | *.svclog
71 | *.scc
72 |
73 | # Chutzpah Test files
74 | _Chutzpah*
75 |
76 | # Visual C++ cache files
77 | ipch/
78 | *.aps
79 | *.ncb
80 | *.opendb
81 | *.opensdf
82 | *.sdf
83 | *.cachefile
84 | *.VC.db
85 | *.VC.VC.opendb
86 |
87 | # Visual Studio profiler
88 | *.psess
89 | *.vsp
90 | *.vspx
91 | *.sap
92 |
93 | # TFS 2012 Local Workspace
94 | $tf/
95 |
96 | # Guidance Automation Toolkit
97 | *.gpState
98 |
99 | # ReSharper is a .NET coding add-in
100 | _ReSharper*/
101 | *.[Rr]e[Ss]harper
102 | *.DotSettings.user
103 |
104 | # JustCode is a .NET coding add-in
105 | .JustCode
106 |
107 | # TeamCity is a build add-in
108 | _TeamCity*
109 |
110 | # DotCover is a Code Coverage Tool
111 | *.dotCover
112 |
113 | # NCrunch
114 | _NCrunch_*
115 | .*crunch*.local.xml
116 | nCrunchTemp_*
117 |
118 | # MightyMoose
119 | *.mm.*
120 | AutoTest.Net/
121 |
122 | # Web workbench (sass)
123 | .sass-cache/
124 |
125 | # Installshield output folder
126 | [Ee]xpress/
127 |
128 | # DocProject is a documentation generator add-in
129 | DocProject/buildhelp/
130 | DocProject/Help/*.HxT
131 | DocProject/Help/*.HxC
132 | DocProject/Help/*.hhc
133 | DocProject/Help/*.hhk
134 | DocProject/Help/*.hhp
135 | DocProject/Help/Html2
136 | DocProject/Help/html
137 |
138 | # Click-Once directory
139 | publish/
140 |
141 | # Publish Web Output
142 | *.[Pp]ublish.xml
143 | *.azurePubxml
144 | # TODO: Comment the next line if you want to checkin your web deploy settings
145 | # but database connection strings (with potential passwords) will be unencrypted
146 | #*.pubxml
147 | *.publishproj
148 |
149 | # Microsoft Azure Web App publish settings. Comment the next line if you want to
150 | # checkin your Azure Web App publish settings, but sensitive information contained
151 | # in these scripts will be unencrypted
152 | PublishScripts/
153 |
154 | # NuGet Packages
155 | *.nupkg
156 | # The packages folder can be ignored because of Package Restore
157 | **/packages/*
158 | # except build/, which is used as an MSBuild target.
159 | !**/packages/build/
160 | # Uncomment if necessary however generally it will be regenerated when needed
161 | #!**/packages/repositories.config
162 | # NuGet v3's project.json files produces more ignoreable files
163 | *.nuget.props
164 | *.nuget.targets
165 |
166 | # Microsoft Azure Build Output
167 | csx/
168 | *.build.csdef
169 |
170 | # Microsoft Azure Emulator
171 | ecf/
172 | rcf/
173 |
174 | # Windows Store app package directories and files
175 | AppPackages/
176 | BundleArtifacts/
177 | Package.StoreAssociation.xml
178 | _pkginfo.txt
179 |
180 | # Visual Studio cache files
181 | # files ending in .cache can be ignored
182 | *.[Cc]ache
183 | # but keep track of directories ending in .cache
184 | !*.[Cc]ache/
185 |
186 | # Others
187 | ClientBin/
188 | ~$*
189 | *~
190 | *.dbmdl
191 | *.dbproj.schemaview
192 | *.jfm
193 | *.pfx
194 | *.publishsettings
195 | node_modules/
196 | orleans.codegen.cs
197 |
198 | # Since there are multiple workflows, uncomment next line to ignore bower_components
199 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
200 | #bower_components/
201 |
202 | # RIA/Silverlight projects
203 | Generated_Code/
204 |
205 | # Backup & report files from converting an old project file
206 | # to a newer Visual Studio version. Backup files are not needed,
207 | # because we have git ;-)
208 | _UpgradeReport_Files/
209 | Backup*/
210 | UpgradeLog*.XML
211 | UpgradeLog*.htm
212 |
213 | # SQL Server files
214 | *.mdf
215 | *.ldf
216 |
217 | # Business Intelligence projects
218 | *.rdl.data
219 | *.bim.layout
220 | *.bim_*.settings
221 |
222 | # Microsoft Fakes
223 | FakesAssemblies/
224 |
225 | # GhostDoc plugin setting file
226 | *.GhostDoc.xml
227 |
228 | # Node.js Tools for Visual Studio
229 | .ntvs_analysis.dat
230 |
231 | # Visual Studio 6 build log
232 | *.plg
233 |
234 | # Visual Studio 6 workspace options file
235 | *.opt
236 |
237 | # Visual Studio LightSwitch build output
238 | **/*.HTMLClient/GeneratedArtifacts
239 | **/*.DesktopClient/GeneratedArtifacts
240 | **/*.DesktopClient/ModelManifest.xml
241 | **/*.Server/GeneratedArtifacts
242 | **/*.Server/ModelManifest.xml
243 | _Pvt_Extensions
244 |
245 | # Paket dependency manager
246 | .paket/paket.exe
247 | paket-files/
248 |
249 | # FAKE - F# Make
250 | .fake/
251 |
252 | # JetBrains Rider
253 | .idea/
254 | *.sln.iml
255 |
256 | # CodeRush
257 | .cr/
258 |
259 | # Python Tools for Visual Studio (PTVS)
260 | __pycache__/
261 | *.pyc
262 |
263 | /bower_components/*
264 | /node_modules/*
265 | nuget.exe
266 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2018 Hovhannes Bantikyan
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # icheck-bootstrap
2 |
3 |
4 |
5 |
6 | [](https://www.jsdelivr.com/package/npm/icheck-bootstrap)
7 |
8 | Did you had a problem customizing html checkboxes and radio buttons? icheck-bootstrap is pure css solution for displaying twitter bootstrap style checkboxes and radio buttons. Try [Demo](https://bantikyan.github.io/icheck-bootstrap/).
9 |
10 | You may also like to try [icheck-material](https://github.com/bantikyan/icheck-material).
11 | Love cool tech? Check out [CoolTechUnder.com](https://cooltechunder.com/)
12 |
13 | ## Table of contents
14 |
15 | * Getting started
16 | * HTML syntax
17 | * ASP.NET MVC syntax
18 | * Color schemes
19 | * License
20 |
21 | ## Getting started
22 |
23 | Several quick start options are available:
24 |
25 | * [Download the latest release](https://github.com//bantikyan/icheck-bootstrap/archive/3.0.1.zip)
26 | * Install with [Bower](https://bower.io): bower install icheck-bootstrap
27 | * Install with [npm](https://www.npmjs.com/package/icheck-bootstrap): npm install icheck-bootstrap
28 | * Install with [Nuget](https://www.nuget.org/packages/icheck-bootstrap/): Install-Package icheck-bootstrap
29 | * Use CDN [jsDelivr](https://www.jsdelivr.com/package/npm/icheck-bootstrap)
30 | * Use CDN [cdnjs](https://cdnjs.com/libraries/icheck-bootstrap)
31 |
32 | ## HTML syntax
33 |
34 | #### checkbox example
35 |
36 | ```
37 |
38 |
39 | Click to check
40 |
41 | ```
42 |
43 | #### radio buttons example
44 |
45 | ```
46 |
47 |
48 | Option 1
49 |
50 |
51 |
52 | Option 2
53 |
54 | ```
55 |
56 | #### inline styling
57 |
58 | To have checkboxes or radio buttons inline use .icheck-inline class
59 |
60 | ```
61 |
62 |
63 | Label 1
64 |
65 |
66 |
67 | Label 2
68 |
69 | ```
70 |
71 | #### disabled
72 |
73 | Use disabled attribute on your input (checkbox or radio) to have disabled style.
74 |
75 | #### no label
76 |
77 | To have components without label, you still have to have label control with empty text.
78 |
79 | ```
80 |
81 |
82 |
83 |
84 | ```
85 |
86 | ## ASP.NET MVC syntax
87 |
88 | #### checkbox example
89 |
90 | ```
91 |
92 | @Html.CheckBoxFor(m => m.SomeProperty, new { id = "someCheckboxId" })
93 | Click to check
94 |
95 | ```
96 |
97 | #### radio buttons example
98 |
99 | ```
100 |
101 | @Html.RadioButtonFor(m => m.SomeProperty, SomeValue1, new { id = "someRadioId1" })
102 | Option 1
103 |
104 |
105 | @Html.RadioButtonFor(m => m.SomeProperty, SomeValue2, new { id = "someRadioId2" })
106 | Option 2
107 |
108 | ```
109 |
110 | ## Color schemes
111 |
112 | Try [Demo](https://bantikyan.github.io/icheck-bootstrap/)
113 |
114 | Twitter Bootstrap: As you can see in previous examples, icheck-primary class used for styling.
115 | You can use following classes for Twitter Bootstrap color scheme:
116 |
117 | .icheck-default
118 | .icheck-primary
119 | .icheck-success
120 | .icheck-info
121 | .icheck-warning
122 | .icheck-danger
123 |
124 | Flat UI Colors: Also you can use one of the really nice colors from [flatuicolors.com](https://flatuicolors.com/)
125 |
126 | .icheck-turquoise
127 | .icheck-emerland
128 | .icheck-peterriver
129 | .icheck-amethyst
130 | .icheck-wetasphalt
131 | .icheck-greensea
132 | .icheck-nephritis
133 | .icheck-belizehole
134 | .icheck-wisteria
135 | .icheck-midnightblue
136 | .icheck-sunflower
137 | .icheck-carrot
138 | .icheck-alizarin
139 | .icheck-clouds
140 | .icheck-concrete
141 | .icheck-orange
142 | .icheck-pumpkin
143 | .icheck-pomegranate
144 | .icheck-silver
145 | .icheck-asbestos
146 |
147 | ## Building
148 |
149 | To build this CSS from SCSS files, use the following script :
150 |
151 | ```
152 | npm run build
153 | ```
154 |
155 | ## Customization
156 |
157 | By using the SCSS files you can easily customize your icheck size and colors.
158 |
159 | To customize the easiest way is to load icheck as a module by using the `@use` rule.
160 |
161 | ```sass
162 | @use "./node_modules/icheck-bootstrap/scss/icheck-bootstrap" with (
163 | $size: 27px,
164 | $custom-colors: (
165 | 'success': #FFFF00 #FF0000 #00FF00,
166 | 'mycolor': #FF0000,
167 | )
168 | )
169 | ```
170 |
171 | As you can see in this example, size of checkboxes and radio buttons will be 27px (instead of the default 22px). `success` color is overwritten and `mycolor` is added, you can now use "icheck-mycolor" as a class.
172 |
173 | ### Colors
174 |
175 | If you watch the example above, colors are defined with one, two or three values separated by a space and in this order
176 |
177 | * border color
178 | * background color
179 | * checkmark color
180 |
181 | If only one value is set, this value is used for border and background color, the checkmark will use the default color.
182 |
183 | If only two values are set, the checkmark will use the default color.
184 |
185 | ## License
186 |
187 | icheck-bootstrap released under the [MIT license](https://github.com/bantikyan/icheck-bootstrap/blob/master/LICENSE). Feel free to use it in personal and commercial projects.
188 |
--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
1 | theme: jekyll-theme-cayman
--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | {% seo %}
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
21 |
22 |
28 |
29 |
30 |
41 |
42 |
50 | Twitter Bootstrap colors
51 |
52 |
66 |
80 |
94 |
108 |
122 |
136 |
137 | Flat UI colors
138 |
139 |
153 |
167 |
181 |
195 |
209 |
223 |
237 |
251 |
265 |
279 |
293 |
307 |
321 |
335 |
349 |
363 |
377 |
391 |
405 |
419 |
420 |
421 |
427 |
428 |
429 |
430 |
--------------------------------------------------------------------------------
/assets/css/style.scss:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 |
4 | @import "{{ site.theme }}";
5 |
6 | html input[disabled] {
7 | cursor: default;
8 | }
9 |
10 | input::-moz-focus-inner {
11 | border: 0;
12 | padding: 0;
13 | }
14 |
15 | input {
16 | line-height: normal;
17 | }
18 |
19 | input[type="checkbox"],
20 | input[type="radio"] {
21 | -webkit-box-sizing: border-box;
22 | -moz-box-sizing: border-box;
23 | box-sizing: border-box;
24 | padding: 0;
25 | }
26 |
27 | * {
28 | -webkit-box-sizing: border-box;
29 | -moz-box-sizing: border-box;
30 | box-sizing: border-box;
31 | }
32 |
33 | *:before,
34 | *:after {
35 | -webkit-box-sizing: border-box;
36 | -moz-box-sizing: border-box;
37 | box-sizing: border-box;
38 | }
39 |
40 | input {
41 | font-family: inherit;
42 | font-size: inherit;
43 | line-height: inherit;
44 | }
45 |
46 | label {
47 | display: inline-block;
48 | max-width: 100%;
49 | margin-bottom: 5px;
50 | font-weight: 700;
51 | }
52 |
53 | label {
54 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
55 | font-size: 14px;
56 | color: #333;
57 | }
58 |
59 | .demo-col {
60 | margin-bottom: 30px;
61 | }
--------------------------------------------------------------------------------
/icheck-bootstrap.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * icheck-bootstrap v3.0.1 (https://github.com/bantikyan/icheck-bootstrap)
3 | * Copyright 2018 Hovhannes Bantikyan.
4 | * Licensed under MIT (https://github.com/bantikyan/icheck-bootstrap/blob/master/LICENSE)
5 | */
6 |
7 | [class*="icheck-"] {
8 | min-height: 22px;
9 | margin-top: 6px !important;
10 | margin-bottom: 6px !important;
11 | padding-left: 0px;
12 | }
13 |
14 | .icheck-inline {
15 | display: inline-block;
16 | }
17 |
18 | .icheck-inline + .icheck-inline {
19 | margin-left: .75rem;
20 | margin-top: 6px;
21 | }
22 |
23 | [class*="icheck-"] > label {
24 | padding-left: 29px !important;
25 | min-height: 22px;
26 | line-height: 22px;
27 | display: inline-block;
28 | position: relative;
29 | vertical-align: top;
30 | margin-bottom: 0;
31 | font-weight: normal;
32 | cursor: pointer;
33 | }
34 |
35 | [class*="icheck-"] > input:first-child {
36 | position: absolute !important;
37 | opacity: 0;
38 | margin: 0;
39 | }
40 |
41 | [class*="icheck-"] > input:first-child:disabled {
42 | cursor: default;
43 | }
44 |
45 | [class*="icheck-"] > input:first-child + label::before,
46 | [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before {
47 | content: "";
48 | display: inline-block;
49 | position: absolute;
50 | width: 22px;
51 | height: 22px;
52 | border: 1px solid #D3CFC8;
53 | border-radius: 0px;
54 | margin-left: -29px;
55 | }
56 |
57 | [class*="icheck-"] > input:first-child:checked + label::after,
58 | [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after {
59 | content: "";
60 | display: inline-block;
61 | position: absolute;
62 | top: 0;
63 | left: 0;
64 | width: 7px;
65 | height: 10px;
66 | border: solid 2px #fff;
67 | border-left: none;
68 | border-top: none;
69 | transform: translate(7.75px, 4.5px) rotate(45deg);
70 | -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
71 | }
72 |
73 | [class*="icheck-"] > input[type="radio"]:first-child + label::before,
74 | [class*="icheck-"] > input[type="radio"]:first-child + input[type="hidden"] + label::before {
75 | border-radius: 50%;
76 | }
77 |
78 | [class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + label::before,
79 | [class*="icheck-"] > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
80 | border-width: 2px;
81 | }
82 |
83 | [class*="icheck-"] > input:first-child:disabled + label,
84 | [class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label,
85 | [class*="icheck-"] > input:first-child:disabled + label::before,
86 | [class*="icheck-"] > input:first-child:disabled + input[type="hidden"] + label::before {
87 | pointer-events: none;
88 | cursor: default;
89 | filter: alpha(opacity=65);
90 | -webkit-box-shadow: none;
91 | box-shadow: none;
92 | opacity: .65;
93 | }
94 |
95 | .icheck-default > input:first-child:not(:checked):not(:disabled):hover + label::before,
96 | .icheck-default > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
97 | border-color: #adadad;
98 | }
99 |
100 | .icheck-default > input:first-child:checked + label::before,
101 | .icheck-default > input:first-child:checked + input[type="hidden"] + label::before {
102 | background-color: #e6e6e6;
103 | border-color: #adadad;
104 | }
105 |
106 | .icheck-default > input:first-child:checked + label::after,
107 | .icheck-default > input:first-child:checked + input[type="hidden"] + label::after {
108 | border-bottom-color: #333;
109 | border-right-color: #333;
110 | }
111 |
112 | .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + label::before,
113 | .icheck-primary > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
114 | border-color: #2e6da4;
115 | }
116 |
117 | .icheck-primary > input:first-child:checked + label::before,
118 | .icheck-primary > input:first-child:checked + input[type="hidden"] + label::before {
119 | background-color: #337ab7;
120 | border-color: #2e6da4;
121 | }
122 |
123 | .icheck-success > input:first-child:not(:checked):not(:disabled):hover + label::before,
124 | .icheck-success > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
125 | border-color: #4cae4c;
126 | }
127 |
128 | .icheck-success > input:first-child:checked + label::before,
129 | .icheck-success > input:first-child:checked + input[type="hidden"] + label::before {
130 | background-color: #5cb85c;
131 | border-color: #4cae4c;
132 | }
133 |
134 | .icheck-info > input:first-child:not(:checked):not(:disabled):hover + label::before,
135 | .icheck-info > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
136 | border-color: #46b8da;
137 | }
138 |
139 | .icheck-info > input:first-child:checked + label::before,
140 | .icheck-info > input:first-child:checked + input[type="hidden"] + label::before {
141 | background-color: #5bc0de;
142 | border-color: #46b8da;
143 | }
144 |
145 | .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + label::before,
146 | .icheck-warning > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
147 | border-color: #eea236;
148 | }
149 |
150 | .icheck-warning > input:first-child:checked + label::before,
151 | .icheck-warning > input:first-child:checked + input[type="hidden"] + label::before {
152 | background-color: #f0ad4e;
153 | border-color: #eea236;
154 | }
155 |
156 | .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + label::before,
157 | .icheck-danger > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
158 | border-color: #d43f3a;
159 | }
160 |
161 | .icheck-danger > input:first-child:checked + label::before,
162 | .icheck-danger > input:first-child:checked + input[type="hidden"] + label::before {
163 | background-color: #d9534f;
164 | border-color: #d43f3a;
165 | }
166 |
167 | .icheck-turquoise > input:first-child:not(:checked):not(:disabled):hover + label::before,
168 | .icheck-turquoise > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
169 | border-color: #1abc9c;
170 | }
171 |
172 | .icheck-turquoise > input:first-child:checked + label::before,
173 | .icheck-turquoise > input:first-child:checked + input[type="hidden"] + label::before {
174 | background-color: #1abc9c;
175 | border-color: #1abc9c;
176 | }
177 |
178 | .icheck-emerland > input:first-child:not(:checked):not(:disabled):hover + label::before,
179 | .icheck-emerland > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
180 | border-color: #2ecc71;
181 | }
182 |
183 | .icheck-emerland > input:first-child:checked + label::before,
184 | .icheck-emerland > input:first-child:checked + input[type="hidden"] + label::before {
185 | background-color: #2ecc71;
186 | border-color: #2ecc71;
187 | }
188 |
189 | .icheck-peterriver > input:first-child:not(:checked):not(:disabled):hover + label::before,
190 | .icheck-peterriver > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
191 | border-color: #3498db;
192 | }
193 |
194 | .icheck-peterriver > input:first-child:checked + label::before,
195 | .icheck-peterriver > input:first-child:checked + input[type="hidden"] + label::before {
196 | background-color: #3498db;
197 | border-color: #3498db;
198 | }
199 |
200 | .icheck-amethyst > input:first-child:not(:checked):not(:disabled):hover + label::before,
201 | .icheck-amethyst > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
202 | border-color: #9b59b6;
203 | }
204 |
205 | .icheck-amethyst > input:first-child:checked + label::before,
206 | .icheck-amethyst > input:first-child:checked + input[type="hidden"] + label::before {
207 | background-color: #9b59b6;
208 | border-color: #9b59b6;
209 | }
210 |
211 | .icheck-wetasphalt > input:first-child:not(:checked):not(:disabled):hover + label::before,
212 | .icheck-wetasphalt > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
213 | border-color: #34495e;
214 | }
215 |
216 | .icheck-wetasphalt > input:first-child:checked + label::before,
217 | .icheck-wetasphalt > input:first-child:checked + input[type="hidden"] + label::before {
218 | background-color: #34495e;
219 | border-color: #34495e;
220 | }
221 |
222 | .icheck-greensea > input:first-child:not(:checked):not(:disabled):hover + label::before,
223 | .icheck-greensea > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
224 | border-color: #16a085;
225 | }
226 |
227 | .icheck-greensea > input:first-child:checked + label::before,
228 | .icheck-greensea > input:first-child:checked + input[type="hidden"] + label::before {
229 | background-color: #16a085;
230 | border-color: #16a085;
231 | }
232 |
233 | .icheck-nephritis > input:first-child:not(:checked):not(:disabled):hover + label::before,
234 | .icheck-nephritis > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
235 | border-color: #27ae60;
236 | }
237 |
238 | .icheck-nephritis > input:first-child:checked + label::before,
239 | .icheck-nephritis > input:first-child:checked + input[type="hidden"] + label::before {
240 | background-color: #27ae60;
241 | border-color: #27ae60;
242 | }
243 |
244 | .icheck-belizehole > input:first-child:not(:checked):not(:disabled):hover + label::before,
245 | .icheck-belizehole > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
246 | border-color: #2980b9;
247 | }
248 |
249 | .icheck-belizehole > input:first-child:checked + label::before,
250 | .icheck-belizehole > input:first-child:checked + input[type="hidden"] + label::before {
251 | background-color: #2980b9;
252 | border-color: #2980b9;
253 | }
254 |
255 | .icheck-wisteria > input:first-child:not(:checked):not(:disabled):hover + label::before,
256 | .icheck-wisteria > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
257 | border-color: #8e44ad;
258 | }
259 |
260 | .icheck-wisteria > input:first-child:checked + label::before,
261 | .icheck-wisteria > input:first-child:checked + input[type="hidden"] + label::before {
262 | background-color: #8e44ad;
263 | border-color: #8e44ad;
264 | }
265 |
266 | .icheck-midnightblue > input:first-child:not(:checked):not(:disabled):hover + label::before,
267 | .icheck-midnightblue > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
268 | border-color: #2c3e50;
269 | }
270 |
271 | .icheck-midnightblue > input:first-child:checked + label::before,
272 | .icheck-midnightblue > input:first-child:checked + input[type="hidden"] + label::before {
273 | background-color: #2c3e50;
274 | border-color: #2c3e50;
275 | }
276 |
277 | .icheck-sunflower > input:first-child:not(:checked):not(:disabled):hover + label::before,
278 | .icheck-sunflower > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
279 | border-color: #f1c40f;
280 | }
281 |
282 | .icheck-sunflower > input:first-child:checked + label::before,
283 | .icheck-sunflower > input:first-child:checked + input[type="hidden"] + label::before {
284 | background-color: #f1c40f;
285 | border-color: #f1c40f;
286 | }
287 |
288 | .icheck-carrot > input:first-child:not(:checked):not(:disabled):hover + label::before,
289 | .icheck-carrot > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
290 | border-color: #e67e22;
291 | }
292 |
293 | .icheck-carrot > input:first-child:checked + label::before,
294 | .icheck-carrot > input:first-child:checked + input[type="hidden"] + label::before {
295 | background-color: #e67e22;
296 | border-color: #e67e22;
297 | }
298 |
299 | .icheck-alizarin > input:first-child:not(:checked):not(:disabled):hover + label::before,
300 | .icheck-alizarin > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
301 | border-color: #e74c3c;
302 | }
303 |
304 | .icheck-alizarin > input:first-child:checked + label::before,
305 | .icheck-alizarin > input:first-child:checked + input[type="hidden"] + label::before {
306 | background-color: #e74c3c;
307 | border-color: #e74c3c;
308 | }
309 |
310 | .icheck-clouds > input:first-child:not(:checked):not(:disabled):hover + label::before,
311 | .icheck-clouds > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
312 | border-color: #ecf0f1;
313 | }
314 |
315 | .icheck-clouds > input:first-child:checked + label::before,
316 | .icheck-clouds > input:first-child:checked + input[type="hidden"] + label::before {
317 | background-color: #ecf0f1;
318 | border-color: #ecf0f1;
319 | }
320 |
321 | .icheck-clouds > input:first-child:checked + label::after,
322 | .icheck-clouds > input:first-child:checked + input[type="hidden"] + label::after {
323 | border-bottom-color: #95a5a6;
324 | border-right-color: #95a5a6;
325 | }
326 |
327 | .icheck-concrete > input:first-child:not(:checked):not(:disabled):hover + label::before,
328 | .icheck-concrete > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
329 | border-color: #95a5a6;
330 | }
331 |
332 | .icheck-concrete > input:first-child:checked + label::before,
333 | .icheck-concrete > input:first-child:checked + input[type="hidden"] + label::before {
334 | background-color: #95a5a6;
335 | border-color: #95a5a6;
336 | }
337 |
338 | .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + label::before,
339 | .icheck-orange > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
340 | border-color: #f39c12;
341 | }
342 |
343 | .icheck-orange > input:first-child:checked + label::before,
344 | .icheck-orange > input:first-child:checked + input[type="hidden"] + label::before {
345 | background-color: #f39c12;
346 | border-color: #f39c12;
347 | }
348 |
349 | .icheck-pumpkin > input:first-child:not(:checked):not(:disabled):hover + label::before,
350 | .icheck-pumpkin > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
351 | border-color: #d35400;
352 | }
353 |
354 | .icheck-pumpkin > input:first-child:checked + label::before,
355 | .icheck-pumpkin > input:first-child:checked + input[type="hidden"] + label::before {
356 | background-color: #d35400;
357 | border-color: #d35400;
358 | }
359 |
360 | .icheck-pomegranate > input:first-child:not(:checked):not(:disabled):hover + label::before,
361 | .icheck-pomegranate > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
362 | border-color: #c0392b;
363 | }
364 |
365 | .icheck-pomegranate > input:first-child:checked + label::before,
366 | .icheck-pomegranate > input:first-child:checked + input[type="hidden"] + label::before {
367 | background-color: #c0392b;
368 | border-color: #c0392b;
369 | }
370 |
371 | .icheck-silver > input:first-child:not(:checked):not(:disabled):hover + label::before,
372 | .icheck-silver > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
373 | border-color: #bdc3c7;
374 | }
375 |
376 | .icheck-silver > input:first-child:checked + label::before,
377 | .icheck-silver > input:first-child:checked + input[type="hidden"] + label::before {
378 | background-color: #bdc3c7;
379 | border-color: #bdc3c7;
380 | }
381 |
382 | .icheck-asbestos > input:first-child:not(:checked):not(:disabled):hover + label::before,
383 | .icheck-asbestos > input:first-child:not(:checked):not(:disabled):hover + input[type="hidden"] + label::before {
384 | border-color: #7f8c8d;
385 | }
386 |
387 | .icheck-asbestos > input:first-child:checked + label::before,
388 | .icheck-asbestos > input:first-child:checked + input[type="hidden"] + label::before {
389 | background-color: #7f8c8d;
390 | border-color: #7f8c8d;
391 | }
--------------------------------------------------------------------------------
/icheck-bootstrap.min.css:
--------------------------------------------------------------------------------
1 | /*!
2 | * icheck-bootstrap v3.0.1 (https://github.com/bantikyan/icheck-bootstrap)
3 | * Copyright 2018 Hovhannes Bantikyan.
4 | * Licensed under MIT (https://github.com/bantikyan/icheck-bootstrap/blob/master/LICENSE)
5 | */[class*=icheck-]{min-height:22px;margin-top:6px!important;margin-bottom:6px!important;padding-left:0}.icheck-inline{display:inline-block}.icheck-inline+.icheck-inline{margin-left:.75rem;margin-top:6px}[class*=icheck-]>label{padding-left:29px!important;min-height:22px;line-height:22px;display:inline-block;position:relative;vertical-align:top;margin-bottom:0;font-weight:400;cursor:pointer}[class*=icheck-]>input:first-child{position:absolute!important;opacity:0;margin:0}[class*=icheck-]>input:first-child:disabled{cursor:default}[class*=icheck-]>input:first-child+input[type=hidden]+label::before,[class*=icheck-]>input:first-child+label::before{content:"";display:inline-block;position:absolute;width:22px;height:22px;border:1px solid #D3CFC8;border-radius:0;margin-left:-29px}[class*=icheck-]>input:first-child:checked+input[type=hidden]+label::after,[class*=icheck-]>input:first-child:checked+label::after{content:"";display:inline-block;position:absolute;top:0;left:0;width:7px;height:10px;border:2px solid #fff;border-left:none;border-top:none;transform:translate(7.75px,4.5px) rotate(45deg);-ms-transform:translate(7.75px,4.5px) rotate(45deg)}[class*=icheck-]>input[type=radio]:first-child+input[type=hidden]+label::before,[class*=icheck-]>input[type=radio]:first-child+label::before{border-radius:50%}[class*=icheck-]>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,[class*=icheck-]>input:first-child:not(:checked):not(:disabled):hover+label::before{border-width:2px}[class*=icheck-]>input:first-child:disabled+input[type=hidden]+label,[class*=icheck-]>input:first-child:disabled+input[type=hidden]+label::before,[class*=icheck-]>input:first-child:disabled+label,[class*=icheck-]>input:first-child:disabled+label::before{pointer-events:none;cursor:default;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}.icheck-default>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-default>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#adadad}.icheck-default>input:first-child:checked+input[type=hidden]+label::before,.icheck-default>input:first-child:checked+label::before{background-color:#e6e6e6;border-color:#adadad}.icheck-default>input:first-child:checked+input[type=hidden]+label::after,.icheck-default>input:first-child:checked+label::after{border-bottom-color:#333;border-right-color:#333}.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#2e6da4}.icheck-primary>input:first-child:checked+input[type=hidden]+label::before,.icheck-primary>input:first-child:checked+label::before{background-color:#337ab7;border-color:#2e6da4}.icheck-success>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-success>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#4cae4c}.icheck-success>input:first-child:checked+input[type=hidden]+label::before,.icheck-success>input:first-child:checked+label::before{background-color:#5cb85c;border-color:#4cae4c}.icheck-info>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-info>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#46b8da}.icheck-info>input:first-child:checked+input[type=hidden]+label::before,.icheck-info>input:first-child:checked+label::before{background-color:#5bc0de;border-color:#46b8da}.icheck-warning>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-warning>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#eea236}.icheck-warning>input:first-child:checked+input[type=hidden]+label::before,.icheck-warning>input:first-child:checked+label::before{background-color:#f0ad4e;border-color:#eea236}.icheck-danger>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-danger>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#d43f3a}.icheck-danger>input:first-child:checked+input[type=hidden]+label::before,.icheck-danger>input:first-child:checked+label::before{background-color:#d9534f;border-color:#d43f3a}.icheck-turquoise>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-turquoise>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#1abc9c}.icheck-turquoise>input:first-child:checked+input[type=hidden]+label::before,.icheck-turquoise>input:first-child:checked+label::before{background-color:#1abc9c;border-color:#1abc9c}.icheck-emerland>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-emerland>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#2ecc71}.icheck-emerland>input:first-child:checked+input[type=hidden]+label::before,.icheck-emerland>input:first-child:checked+label::before{background-color:#2ecc71;border-color:#2ecc71}.icheck-peterriver>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-peterriver>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#3498db}.icheck-peterriver>input:first-child:checked+input[type=hidden]+label::before,.icheck-peterriver>input:first-child:checked+label::before{background-color:#3498db;border-color:#3498db}.icheck-amethyst>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-amethyst>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#9b59b6}.icheck-amethyst>input:first-child:checked+input[type=hidden]+label::before,.icheck-amethyst>input:first-child:checked+label::before{background-color:#9b59b6;border-color:#9b59b6}.icheck-wetasphalt>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-wetasphalt>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#34495e}.icheck-wetasphalt>input:first-child:checked+input[type=hidden]+label::before,.icheck-wetasphalt>input:first-child:checked+label::before{background-color:#34495e;border-color:#34495e}.icheck-greensea>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-greensea>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#16a085}.icheck-greensea>input:first-child:checked+input[type=hidden]+label::before,.icheck-greensea>input:first-child:checked+label::before{background-color:#16a085;border-color:#16a085}.icheck-nephritis>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-nephritis>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#27ae60}.icheck-nephritis>input:first-child:checked+input[type=hidden]+label::before,.icheck-nephritis>input:first-child:checked+label::before{background-color:#27ae60;border-color:#27ae60}.icheck-belizehole>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-belizehole>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#2980b9}.icheck-belizehole>input:first-child:checked+input[type=hidden]+label::before,.icheck-belizehole>input:first-child:checked+label::before{background-color:#2980b9;border-color:#2980b9}.icheck-wisteria>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-wisteria>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#8e44ad}.icheck-wisteria>input:first-child:checked+input[type=hidden]+label::before,.icheck-wisteria>input:first-child:checked+label::before{background-color:#8e44ad;border-color:#8e44ad}.icheck-midnightblue>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-midnightblue>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#2c3e50}.icheck-midnightblue>input:first-child:checked+input[type=hidden]+label::before,.icheck-midnightblue>input:first-child:checked+label::before{background-color:#2c3e50;border-color:#2c3e50}.icheck-sunflower>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-sunflower>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#f1c40f}.icheck-sunflower>input:first-child:checked+input[type=hidden]+label::before,.icheck-sunflower>input:first-child:checked+label::before{background-color:#f1c40f;border-color:#f1c40f}.icheck-carrot>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-carrot>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#e67e22}.icheck-carrot>input:first-child:checked+input[type=hidden]+label::before,.icheck-carrot>input:first-child:checked+label::before{background-color:#e67e22;border-color:#e67e22}.icheck-alizarin>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-alizarin>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#e74c3c}.icheck-alizarin>input:first-child:checked+input[type=hidden]+label::before,.icheck-alizarin>input:first-child:checked+label::before{background-color:#e74c3c;border-color:#e74c3c}.icheck-clouds>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-clouds>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#ecf0f1}.icheck-clouds>input:first-child:checked+input[type=hidden]+label::before,.icheck-clouds>input:first-child:checked+label::before{background-color:#ecf0f1;border-color:#ecf0f1}.icheck-clouds>input:first-child:checked+input[type=hidden]+label::after,.icheck-clouds>input:first-child:checked+label::after{border-bottom-color:#95a5a6;border-right-color:#95a5a6}.icheck-concrete>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-concrete>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#95a5a6}.icheck-concrete>input:first-child:checked+input[type=hidden]+label::before,.icheck-concrete>input:first-child:checked+label::before{background-color:#95a5a6;border-color:#95a5a6}.icheck-orange>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-orange>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#f39c12}.icheck-orange>input:first-child:checked+input[type=hidden]+label::before,.icheck-orange>input:first-child:checked+label::before{background-color:#f39c12;border-color:#f39c12}.icheck-pumpkin>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-pumpkin>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#d35400}.icheck-pumpkin>input:first-child:checked+input[type=hidden]+label::before,.icheck-pumpkin>input:first-child:checked+label::before{background-color:#d35400;border-color:#d35400}.icheck-pomegranate>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-pomegranate>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#c0392b}.icheck-pomegranate>input:first-child:checked+input[type=hidden]+label::before,.icheck-pomegranate>input:first-child:checked+label::before{background-color:#c0392b;border-color:#c0392b}.icheck-silver>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-silver>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#bdc3c7}.icheck-silver>input:first-child:checked+input[type=hidden]+label::before,.icheck-silver>input:first-child:checked+label::before{background-color:#bdc3c7;border-color:#bdc3c7}.icheck-asbestos>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-asbestos>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:#7f8c8d}.icheck-asbestos>input:first-child:checked+input[type=hidden]+label::before,.icheck-asbestos>input:first-child:checked+label::before{background-color:#7f8c8d;border-color:#7f8c8d}
--------------------------------------------------------------------------------
/icheck-bootstrap.nuspec:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | icheck-bootstrap
5 | 3.0.1
6 | icheck-bootstrap
7 | Hovhannes Bantikyan
8 | bantikyan
9 | https://github.com/bantikyan/icheck-bootstrap/blob/master/LICENSE
10 | https://github.com/bantikyan/icheck-bootstrap
11 | false
12 | Pure css checkboxes and radio buttons for Twitter Bootstrap.
13 |
14 | * Removed dependencies from icon-fonts
15 | * Reduced file size
16 |
17 | Copyright 2018
18 | checkbox radio bootstrap pure css
19 |
20 |
21 |
22 |
23 |
24 |
25 |
--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "icheck-bootstrap",
3 | "version": "3.0.1",
4 | "lockfileVersion": 2,
5 | "requires": true,
6 | "packages": {
7 | "": {
8 | "name": "icheck-bootstrap",
9 | "version": "3.0.1",
10 | "license": "MIT",
11 | "devDependencies": {
12 | "sass": "^1.57.1"
13 | }
14 | },
15 | "node_modules/anymatch": {
16 | "version": "3.1.3",
17 | "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
18 | "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
19 | "dev": true,
20 | "dependencies": {
21 | "normalize-path": "^3.0.0",
22 | "picomatch": "^2.0.4"
23 | },
24 | "engines": {
25 | "node": ">= 8"
26 | }
27 | },
28 | "node_modules/binary-extensions": {
29 | "version": "2.2.0",
30 | "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
31 | "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
32 | "dev": true,
33 | "engines": {
34 | "node": ">=8"
35 | }
36 | },
37 | "node_modules/braces": {
38 | "version": "3.0.2",
39 | "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
40 | "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
41 | "dev": true,
42 | "dependencies": {
43 | "fill-range": "^7.0.1"
44 | },
45 | "engines": {
46 | "node": ">=8"
47 | }
48 | },
49 | "node_modules/chokidar": {
50 | "version": "3.5.3",
51 | "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
52 | "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
53 | "dev": true,
54 | "funding": [
55 | {
56 | "type": "individual",
57 | "url": "https://paulmillr.com/funding/"
58 | }
59 | ],
60 | "dependencies": {
61 | "anymatch": "~3.1.2",
62 | "braces": "~3.0.2",
63 | "glob-parent": "~5.1.2",
64 | "is-binary-path": "~2.1.0",
65 | "is-glob": "~4.0.1",
66 | "normalize-path": "~3.0.0",
67 | "readdirp": "~3.6.0"
68 | },
69 | "engines": {
70 | "node": ">= 8.10.0"
71 | },
72 | "optionalDependencies": {
73 | "fsevents": "~2.3.2"
74 | }
75 | },
76 | "node_modules/fill-range": {
77 | "version": "7.0.1",
78 | "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
79 | "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
80 | "dev": true,
81 | "dependencies": {
82 | "to-regex-range": "^5.0.1"
83 | },
84 | "engines": {
85 | "node": ">=8"
86 | }
87 | },
88 | "node_modules/fsevents": {
89 | "version": "2.3.2",
90 | "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
91 | "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
92 | "dev": true,
93 | "hasInstallScript": true,
94 | "optional": true,
95 | "os": [
96 | "darwin"
97 | ],
98 | "engines": {
99 | "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
100 | }
101 | },
102 | "node_modules/glob-parent": {
103 | "version": "5.1.2",
104 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
105 | "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
106 | "dev": true,
107 | "dependencies": {
108 | "is-glob": "^4.0.1"
109 | },
110 | "engines": {
111 | "node": ">= 6"
112 | }
113 | },
114 | "node_modules/immutable": {
115 | "version": "4.2.2",
116 | "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.2.2.tgz",
117 | "integrity": "sha512-fTMKDwtbvO5tldky9QZ2fMX7slR0mYpY5nbnFWYp0fOzDhHqhgIw9KoYgxLWsoNTS9ZHGauHj18DTyEw6BK3Og==",
118 | "dev": true
119 | },
120 | "node_modules/is-binary-path": {
121 | "version": "2.1.0",
122 | "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
123 | "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
124 | "dev": true,
125 | "dependencies": {
126 | "binary-extensions": "^2.0.0"
127 | },
128 | "engines": {
129 | "node": ">=8"
130 | }
131 | },
132 | "node_modules/is-extglob": {
133 | "version": "2.1.1",
134 | "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
135 | "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
136 | "dev": true,
137 | "engines": {
138 | "node": ">=0.10.0"
139 | }
140 | },
141 | "node_modules/is-glob": {
142 | "version": "4.0.3",
143 | "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
144 | "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
145 | "dev": true,
146 | "dependencies": {
147 | "is-extglob": "^2.1.1"
148 | },
149 | "engines": {
150 | "node": ">=0.10.0"
151 | }
152 | },
153 | "node_modules/is-number": {
154 | "version": "7.0.0",
155 | "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
156 | "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
157 | "dev": true,
158 | "engines": {
159 | "node": ">=0.12.0"
160 | }
161 | },
162 | "node_modules/normalize-path": {
163 | "version": "3.0.0",
164 | "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
165 | "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
166 | "dev": true,
167 | "engines": {
168 | "node": ">=0.10.0"
169 | }
170 | },
171 | "node_modules/picomatch": {
172 | "version": "2.3.1",
173 | "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
174 | "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
175 | "dev": true,
176 | "engines": {
177 | "node": ">=8.6"
178 | },
179 | "funding": {
180 | "url": "https://github.com/sponsors/jonschlinkert"
181 | }
182 | },
183 | "node_modules/readdirp": {
184 | "version": "3.6.0",
185 | "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
186 | "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
187 | "dev": true,
188 | "dependencies": {
189 | "picomatch": "^2.2.1"
190 | },
191 | "engines": {
192 | "node": ">=8.10.0"
193 | }
194 | },
195 | "node_modules/sass": {
196 | "version": "1.57.1",
197 | "resolved": "https://registry.npmjs.org/sass/-/sass-1.57.1.tgz",
198 | "integrity": "sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==",
199 | "dev": true,
200 | "dependencies": {
201 | "chokidar": ">=3.0.0 <4.0.0",
202 | "immutable": "^4.0.0",
203 | "source-map-js": ">=0.6.2 <2.0.0"
204 | },
205 | "bin": {
206 | "sass": "sass.js"
207 | },
208 | "engines": {
209 | "node": ">=12.0.0"
210 | }
211 | },
212 | "node_modules/source-map-js": {
213 | "version": "1.0.2",
214 | "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
215 | "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
216 | "dev": true,
217 | "engines": {
218 | "node": ">=0.10.0"
219 | }
220 | },
221 | "node_modules/to-regex-range": {
222 | "version": "5.0.1",
223 | "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
224 | "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
225 | "dev": true,
226 | "dependencies": {
227 | "is-number": "^7.0.0"
228 | },
229 | "engines": {
230 | "node": ">=8.0"
231 | }
232 | }
233 | },
234 | "dependencies": {
235 | "anymatch": {
236 | "version": "3.1.3",
237 | "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
238 | "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
239 | "dev": true,
240 | "requires": {
241 | "normalize-path": "^3.0.0",
242 | "picomatch": "^2.0.4"
243 | }
244 | },
245 | "binary-extensions": {
246 | "version": "2.2.0",
247 | "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
248 | "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
249 | "dev": true
250 | },
251 | "braces": {
252 | "version": "3.0.2",
253 | "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
254 | "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
255 | "dev": true,
256 | "requires": {
257 | "fill-range": "^7.0.1"
258 | }
259 | },
260 | "chokidar": {
261 | "version": "3.5.3",
262 | "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.5.3.tgz",
263 | "integrity": "sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==",
264 | "dev": true,
265 | "requires": {
266 | "anymatch": "~3.1.2",
267 | "braces": "~3.0.2",
268 | "fsevents": "~2.3.2",
269 | "glob-parent": "~5.1.2",
270 | "is-binary-path": "~2.1.0",
271 | "is-glob": "~4.0.1",
272 | "normalize-path": "~3.0.0",
273 | "readdirp": "~3.6.0"
274 | }
275 | },
276 | "fill-range": {
277 | "version": "7.0.1",
278 | "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
279 | "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
280 | "dev": true,
281 | "requires": {
282 | "to-regex-range": "^5.0.1"
283 | }
284 | },
285 | "fsevents": {
286 | "version": "2.3.2",
287 | "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
288 | "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
289 | "dev": true,
290 | "optional": true
291 | },
292 | "glob-parent": {
293 | "version": "5.1.2",
294 | "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
295 | "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
296 | "dev": true,
297 | "requires": {
298 | "is-glob": "^4.0.1"
299 | }
300 | },
301 | "immutable": {
302 | "version": "4.2.2",
303 | "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.2.2.tgz",
304 | "integrity": "sha512-fTMKDwtbvO5tldky9QZ2fMX7slR0mYpY5nbnFWYp0fOzDhHqhgIw9KoYgxLWsoNTS9ZHGauHj18DTyEw6BK3Og==",
305 | "dev": true
306 | },
307 | "is-binary-path": {
308 | "version": "2.1.0",
309 | "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
310 | "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
311 | "dev": true,
312 | "requires": {
313 | "binary-extensions": "^2.0.0"
314 | }
315 | },
316 | "is-extglob": {
317 | "version": "2.1.1",
318 | "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
319 | "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
320 | "dev": true
321 | },
322 | "is-glob": {
323 | "version": "4.0.3",
324 | "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
325 | "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
326 | "dev": true,
327 | "requires": {
328 | "is-extglob": "^2.1.1"
329 | }
330 | },
331 | "is-number": {
332 | "version": "7.0.0",
333 | "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
334 | "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
335 | "dev": true
336 | },
337 | "normalize-path": {
338 | "version": "3.0.0",
339 | "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
340 | "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
341 | "dev": true
342 | },
343 | "picomatch": {
344 | "version": "2.3.1",
345 | "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
346 | "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
347 | "dev": true
348 | },
349 | "readdirp": {
350 | "version": "3.6.0",
351 | "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
352 | "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
353 | "dev": true,
354 | "requires": {
355 | "picomatch": "^2.2.1"
356 | }
357 | },
358 | "sass": {
359 | "version": "1.57.1",
360 | "resolved": "https://registry.npmjs.org/sass/-/sass-1.57.1.tgz",
361 | "integrity": "sha512-O2+LwLS79op7GI0xZ8fqzF7X2m/m8WFfI02dHOdsK5R2ECeS5F62zrwg/relM1rjSLy7Vd/DiMNIvPrQGsA0jw==",
362 | "dev": true,
363 | "requires": {
364 | "chokidar": ">=3.0.0 <4.0.0",
365 | "immutable": "^4.0.0",
366 | "source-map-js": ">=0.6.2 <2.0.0"
367 | }
368 | },
369 | "source-map-js": {
370 | "version": "1.0.2",
371 | "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
372 | "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
373 | "dev": true
374 | },
375 | "to-regex-range": {
376 | "version": "5.0.1",
377 | "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
378 | "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
379 | "dev": true,
380 | "requires": {
381 | "is-number": "^7.0.0"
382 | }
383 | }
384 | }
385 | }
386 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "icheck-bootstrap",
3 | "version": "3.0.1",
4 | "description": "Pure css checkboxes and radio buttons for Twitter Bootstrap.",
5 | "devDependencies": {
6 | "sass": "^1.57.1"
7 | },
8 | "scripts": {
9 | "build": "npm run build-min && npm run build-css",
10 | "build-min": "sass --no-source-map --style=compressed scss/icheck-bootstrap.scss:./icheck-bootstrap.min.css",
11 | "build-css": "sass --no-source-map --style=expanded scss/icheck-bootstrap.scss:./icheck-bootstrap.css"
12 | },
13 | "main": "icheck-bootstrap.css",
14 | "files": [
15 | "icheck-bootstrap.css",
16 | "icheck-bootstrap.min.css"
17 | ],
18 | "bugs": {
19 | "url": "https://github.com/bantikyan/icheck-bootstrap/issues"
20 | },
21 | "homepage": "https://github.com/bantikyan/icheck-bootstrap#readme",
22 | "repository": {
23 | "type": "git",
24 | "url": "git+https://github.com/bantikyan/icheck-bootstrap.git"
25 | },
26 | "author": {
27 | "name": "Hovhannes Bantikyan"
28 | },
29 | "keywords": [
30 | "checkbox",
31 | "radio",
32 | "bootstrap",
33 | "pure",
34 | "css"
35 | ],
36 | "license": "MIT"
37 | }
38 |
--------------------------------------------------------------------------------
/scss/_colors.scss:
--------------------------------------------------------------------------------
1 | // border-color / background-color / checkmark color
2 | $colors: (
3 | "default": #adadad #e6e6e6 #333,
4 | "primary": var(--bs-primary, var(--primary, #2e6da4)) var(--bs-primary, var(--primary, #337ab7)),
5 | "success": var(--bs-success, var(--success, #4cae4c)) var(--bs-success, var(--success, #5cb85c)),
6 | "info": var(--bs-info, var(--info, #46b8da)) var(--bs-info, var(--info, #5bc0de)),
7 | "warning": var(--bs-warning, var(--warning, #eea236)) var(--bs-warning, var(--warning, #f0ad4e)),
8 | "danger": var(--bs-danger, var(--danger, #d43f3a)) var(--bs-danger, var(--danger, #d9534f)),
9 | );
10 |
--------------------------------------------------------------------------------
/scss/_colors_flatui.scss:
--------------------------------------------------------------------------------
1 | // border-color / background-color / checkmark color
2 | $flatui-colors: (
3 | "alizarin": #e74c3c,
4 | "amethyst": #9b59b6,
5 | "asbestos": #7f8c8d,
6 | "belizehole": #2980b9,
7 | "carrot": #e67e22,
8 | "clouds": #ecf0f1 #ecf0f1 #95a5a6,
9 | "concrete": #95a5a6,
10 | "emerland": #2ecc71,
11 | "greensea": #16a085,
12 | "midnightblue": #2c3e50,
13 | "nephritis": #27ae60,
14 | "orange": #f39c12,
15 | "peterriver": #3498db,
16 | "pomegranate": #c0392b,
17 | "pumpkin": #d35400,
18 | "silver": #bdc3c7,
19 | "sunflower": #f1c40f,
20 | "turquoise": #1abc9c,
21 | "wetasphalt": #34495e,
22 | "wisteria": #8e44ad,
23 | );
24 |
25 | $colors: map-merge($colors, $flatui-colors);
26 |
--------------------------------------------------------------------------------
/scss/_icheck.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * icheck-bootstrap v3.1.0 (https://github.com/bantikyan/icheck-bootstrap)
3 | * Copyright 2018 Hovhannes Bantikyan.
4 | * Licensed under MIT (https://github.com/bantikyan/icheck-bootstrap/blob/master/LICENSE)
5 | */
6 |
7 | [class*="icheck-"] {
8 | min-height: $size;
9 | margin-top: 6px !important;
10 | margin-bottom: 6px !important;
11 | padding-left: 0px;
12 |
13 | & > label {
14 | padding-left: calc(#{$size} + 7px) !important;
15 | min-height: $size;
16 | line-height: $size;
17 | display: inline-block;
18 | position: relative;
19 | vertical-align: top;
20 | margin-bottom: 0;
21 | font-weight: normal;
22 | cursor: pointer;
23 | }
24 |
25 | & > input {
26 | &:first-child {
27 | position: absolute !important;
28 | opacity: 0;
29 | margin: 0;
30 |
31 | &:disabled {
32 | cursor: default;
33 |
34 | & + label,
35 | & + input[type="hidden"] + label,
36 | & + label::before,
37 | & + input[type="hidden"] + label::before {
38 | pointer-events: none;
39 | cursor: default;
40 | filter: alpha(opacity=65);
41 | -webkit-box-shadow: none;
42 | box-shadow: none;
43 | opacity: .65;
44 | }
45 | }
46 |
47 | & + label::before,
48 | & + input[type="hidden"] + label::before {
49 | content: "";
50 | display: inline-block;
51 | position: absolute;
52 | width: $size;
53 | height: $size;
54 | border: 1px solid #D3CFC8;
55 | border-radius: 0px;
56 | margin-left: calc(-#{$size} - 7px);
57 | }
58 |
59 | &:checked + label::after,
60 | checked + input[type="hidden"] + label::after {
61 | content: "";
62 | display: inline-block;
63 | position: absolute;
64 | top: 0;
65 | left: 0;
66 | width: calc(#{$size} / 3);
67 | height: calc(#{$size} / 2);
68 | border: solid 2px #fff;
69 | border-left: none;
70 | border-top: none;
71 | transform: translate(100%, 33%) rotate(45deg);
72 | -ms-transform: translate(100%, 33%) rotate(45deg);
73 | }
74 |
75 | &:not(:checked):not(:disabled):hover {
76 | & + label::before,
77 | & + input[type="hidden"] + label::before {
78 | border-width: 2px;
79 | }
80 | }
81 |
82 | }
83 |
84 | &[type="radio"] {
85 | &:first-child {
86 | & + label::before,
87 | & + input[type="hidden"] + label::before {
88 | border-radius: 50%;
89 | }
90 | }
91 | }
92 | }
93 | }
94 |
95 | .icheck-inline {
96 | display: inline-block;
97 |
98 | & + .icheck-inline {
99 | margin-left: .75rem;
100 | margin-top: 6px;
101 | }
102 | }
103 |
104 | @each $k, $v in $colors {
105 | .icheck-#{$k} > input:first-child {
106 | &:not(:checked):not(:disabled):hover {
107 | & + label::before,
108 | & + input[type="hidden"] + label::before {
109 | border-color: nth($v, 1);
110 | }
111 | }
112 |
113 | &:checked {
114 | & + label::before,
115 | & + input[type="hidden"] + label::before {
116 | @if length($v) == 1 {
117 | background-color: nth($v, 1);
118 | }
119 | @if length($v) > 1 {
120 | background-color: nth($v, 2);
121 | }
122 | border-color: nth($v, 1);
123 | }
124 |
125 | @if length($v) == 3 {
126 | & + label::after,
127 | & + input[type="hidden"] + label::after {
128 | border-bottom-color: nth($v, 3);
129 | border-right-color: nth($v, 3);
130 | }
131 | }
132 | }
133 | }
134 | }
135 |
--------------------------------------------------------------------------------
/scss/_variables.scss:
--------------------------------------------------------------------------------
1 | // radio / checkbox size
2 | $size: 22px !default;
3 |
4 | // Default Bootstrap colors
5 | @import "colors";
6 |
7 | // FlatUI colors
8 | @import "colors_flatui";
9 |
10 | $custom-colors: () !default;
11 | $colors: map-merge($colors, $custom-colors);
12 |
--------------------------------------------------------------------------------
/scss/icheck-bootstrap.scss:
--------------------------------------------------------------------------------
1 | @import "variables";
2 | @import "icheck";
3 |
--------------------------------------------------------------------------------