.#{$prefix}form-spinner-up, .#{$prefix}form-spinner-down { background-image: theme-background-image('form/spinner'); background-color: $form-field-background-color; width: $form-trigger-width !important; height: $spinner-btn-height !important; } @if $include-rtl { .#{$prefix}rtl.#{$prefix}form-trigger-wrap { .#{$prefix}form-spinner-up, .#{$prefix}form-spinner-down { background-image: theme-background-image('form/spinner-rtl'); } } } .#{$prefix}form-spinner-down { background-position: 0 (-$spinner-btn-height); } .#{$prefix}form-trigger-wrap-focus .#{$prefix}form-spinner-down { background-position: -($form-trigger-width * 3) (-$spinner-btn-height); } .#{$prefix}form-trigger-wrap .#{$prefix}form-spinner-down-over { background-position: (-$form-trigger-width) (-$spinner-btn-height); } .#{$prefix}form-trigger-wrap-focus .#{$prefix}form-spinner-down-over { background-position: -($form-trigger-width * 4) (-$spinner-btn-height); } .#{$prefix}form-trigger-wrap .#{$prefix}form-spinner-down-click { background-position: -($form-trigger-width * 2) (-$spinner-btn-height); } @if $include-ext-toolbar-toolbar and $form-toolbar-field-height != $form-field-height { .#{$prefix}toolbar-item { $spinner-btn-height: $form-toolbar-field-height / 2; .#{$prefix}form-spinner-up, .#{$prefix}form-spinner-down { background-image: theme-background-image('form/spinner-small'); height: $spinner-btn-height !important; } .#{$prefix}form-spinner-down { background-position: 0 (-$spinner-btn-height); } .#{$prefix}form-trigger-wrap-focus .#{$prefix}form-spinner-down { background-position: -($form-trigger-width * 3) (-$spinner-btn-height); } .#{$prefix}form-trigger-wrap .#{$prefix}form-spinner-down-over { background-position: (-$form-trigger-width) (-$spinner-btn-height); } .#{$prefix}form-trigger-wrap-focus .#{$prefix}form-spinner-down-over { background-position: -($form-trigger-width * 4) (-$spinner-btn-height); } .#{$prefix}form-trigger-wrap .#{$prefix}form-spinner-down-click { background-position: -($form-trigger-width * 2) (-$spinner-btn-height); } } @if $include-rtl { .#{$prefix}toolbar-item .#{$prefix}rtl.#{$prefix}form-trigger-wrap { .#{$prefix}form-spinner-up, .#{$prefix}form-spinner-down { background-image: theme-background-image('form/spinner-small-rtl'); } } } }