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