diff --git a/content/demo/index.md b/content/demo/index.md
index 36fa58c..1476cc2 100644
--- a/content/demo/index.md
+++ b/content/demo/index.md
@@ -364,6 +364,36 @@ With `switch` class:
   </li>
 </ul>
 
+With `switch` and `big` classes:
+
+```html
+<input class="switch big" type="checkbox" />
+<label>Checkbox</label>
+```
+
+<ul>
+  <li>
+    <input class="switch big" type="checkbox" />
+    <label>&nbsp;Milk</label>
+  </li>
+  <li>
+    <input class="switch big" type="checkbox" />
+    <label>&nbsp;Eggs</label>
+  </li>
+  <li>
+    <input class="switch big" type="checkbox" />
+    <label>&nbsp;Flour</label>
+  </li>
+  <li>
+    <input class="switch big" type="checkbox" checked />
+    <label>&nbsp;Coffee</label>
+  </li>
+  <li>
+    <input class="switch big" type="checkbox" disabled />
+    <label>&nbsp;Combustible lemons</label>
+  </li>
+</ul>
+
 With `radio` type:
 
 ```html
diff --git a/sass/_input.scss b/sass/_input.scss
index c9f306f..da0ba80 100644
--- a/sass/_input.scss
+++ b/sass/_input.scss
@@ -94,6 +94,17 @@ input[type="checkbox"] {
 		width: 2.5rem;
 		height: 1.5rem;
 
+		&.big {
+			vertical-align: -0.625rem;
+			width: 3rem;
+			height: 2rem;
+
+			&::before {
+				width: 1.5rem;
+				height: 1.5rem;
+			}
+		}
+
 		&::before {
 			-webkit-mask-image: none;
 			top: 0.25rem;