/ext-4.1.0_b3/resources/themes/stylesheets/neptune/default/widgets/form/_checkbox.scss

https://bitbucket.org/srogerf/javascript · Sass · 67 lines · 51 code · 12 blank · 4 comment · 0 complexity · a264e79a9e90c681a152432b0d258326 MD5 · raw file

  1. @mixin extjs-form-checkboxfield {
  2. .#{$prefix}form-cb-wrap {
  3. padding-top: 3px;
  4. }
  5. .#{$prefix}form-checkbox,
  6. .#{$prefix}form-radio {
  7. float: none;
  8. // vertical-align: 2px;
  9. position: relative;
  10. top: -2px;
  11. width: $form-checkbox-size;
  12. height: $form-checkbox-size;
  13. background: no-repeat;
  14. background-image: theme-background-image($theme-name, $form-checkbox-image);
  15. overflow: hidden;
  16. padding: 0;
  17. border: 0;
  18. &::-moz-focus-inner {
  19. padding: 0;
  20. border: 0;
  21. }
  22. }
  23. @if $include-ie {
  24. /* Hack for IE; causes alignment problem in IE9 standards mode so exclude that */
  25. .#{$prefix}nbr.#{$prefix}ie {
  26. .#{$prefix}form-checkbox,
  27. .#{$prefix}form-radio {
  28. font-size: 0;
  29. }
  30. }
  31. }
  32. .#{$prefix}form-cb-checked {
  33. .#{$prefix}form-checkbox {
  34. background-position: 0 (0 - $form-checkbox-size);
  35. }
  36. }
  37. /* Radios */
  38. .#{$prefix}form-radio {
  39. background-image: theme-background-image($theme-name, $form-radio-image);
  40. width: $form-radio-size;
  41. height: $form-radio-size;
  42. }
  43. .#{$prefix}form-cb-checked {
  44. .#{$prefix}form-radio {
  45. background-position: 0 (0 - $form-radio-size);
  46. }
  47. }
  48. /* boxLabel */
  49. .#{$prefix}form-cb-label-before {
  50. margin-right: 4px;
  51. }
  52. .#{$prefix}form-cb-label-after {
  53. margin-left: 4px;
  54. }
  55. }