.#{$prefix}form-cb-wrap { vertical-align: top; } .#{$prefix}form-cb-wrap-inner { position: relative; zoom: 1; } .#{$prefix}form-cb { position: absolute; left: 0; right: auto; vertical-align: top; overflow: hidden; padding: 0; border: 0; &::-moz-focus-inner { padding: 0; border: 0; } } @if $include-rtl { .#{$prefix}rtl.#{$prefix}form-cb { right: 0; left: auto; // Fixes a weird bug in IE where the box itself is pushed over to the right @if $include-ie { .#{$prefix}quirks .#{$prefix}ie &, .#{$prefix}ie6 & { right: auto; } } } } /* allow for the component to be positioned after the label */ .#{$prefix}form-cb-after { left: auto; right: 0; } @if $include-rtl { .#{$prefix}rtl.#{$prefix}form-cb-after { left: 0; right: auto; } } /* some browsers like IE 10 need a block element to be able to measure the height of a multi-line element */ .#{$prefix}form-cb-label { display: inline-block; zoom: 1; }