app/assets/stylesheets/form/_input_checkbox.scss in chr-0.1.5 vs app/assets/stylesheets/form/_input_checkbox.scss in chr-0.2.0
- old
+ new
@@ -1,19 +1,6 @@
-/* Checkbox ---------------------------------------------------------------- */
-.view .input-checkbox {
- padding: .8em 1em 1em;
-
- input { display: inline; width: auto; margin-right: .5em; }
- .label { display: inline; }
-}
-
-/* Switch ------------------------------------------------------------------ */
-.view .input-switch { padding-top: .75em; }
-.view .input-switch .switch {
- float: right;
- margin-top: -1.8em;
-
+@mixin switchControl() {
$switch-width: 52px;
$switch-padding: 2px;
$switch-height: 32px;
$switch-radius: $switch-height;
$knob-size: $switch-height - ($switch-padding * 2);
@@ -82,6 +69,23 @@
left: $switch-width - $knob-width - ($switch-padding);
}
}
}
}
+}
+
+/* Checkbox ---------------------------------------------------------------- */
+.view .input-checkbox {
+ padding: .8em 1em 1em;
+
+ input { display: inline; width: auto; margin-right: .5em; }
+ .label { display: inline; }
+}
+
+/* Switch ------------------------------------------------------------------ */
+.view .input-switch { padding-top: .75em; }
+.view .input-switch .switch {
+ float: right;
+ margin-top: -1.8em;
+
+ @include switchControl();
}
\ No newline at end of file