/ext-4.0.7/resources/themes/stylesheets/ext4/default/widgets/form/_checkbox.scss

https://bitbucket.org/srogerf/javascript · Sass · 65 lines · 52 code · 9 blank · 4 comment · 0 complexity · fe04842cddf479f56815c0e96e6809ba 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: -1px;
  9. width: $form-checkbox-size;
  10. height: $form-checkbox-size;
  11. background: no-repeat;
  12. background-image: theme-background-image($theme-name, $form-checkbox-image);
  13. overflow: hidden;
  14. padding: 0;
  15. border: 0;
  16. &::-moz-focus-inner {
  17. padding: 0;
  18. border: 0;
  19. }
  20. }
  21. @if $include-ie {
  22. /* Hack for IE; causes alignment problem in IE9 standards mode so exclude that */
  23. .#{$prefix}nbr.#{$prefix}ie {
  24. .#{$prefix}form-checkbox,
  25. .#{$prefix}form-radio {
  26. font-size: 0;
  27. }
  28. }
  29. }
  30. .#{$prefix}form-cb-checked {
  31. .#{$prefix}form-checkbox,
  32. .#{$prefix}form-radio {
  33. background-position: 0 (0 - $form-checkbox-size);
  34. }
  35. }
  36. /* Focused */
  37. .#{$prefix}form-cb-focus {
  38. background-position: (0 - $form-checkbox-size) 0;
  39. }
  40. .#{$prefix}form-cb-checked {
  41. .#{$prefix}form-cb-focus {
  42. background-position: (0 - $form-checkbox-size) (0 - $form-checkbox-size);
  43. }
  44. }
  45. /* Radios */
  46. .#{$prefix}form-radio {
  47. background-image: theme-background-image($theme-name, $form-radio-image);
  48. }
  49. /* boxLabel */
  50. .#{$prefix}form-cb-label-before {
  51. margin-right: 4px;
  52. }
  53. .#{$prefix}form-cb-label-after {
  54. margin-left: 4px;
  55. }
  56. }