iCheck.less 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /*!
  2. * iCheck v1.0.1, http://git.io/arlzeA
  3. * =================================
  4. * Powerful jQuery and Zepto plugin for checkboxes and radio buttons customization
  5. *
  6. * (c) 2013 Damir Sultanov, http://fronteed.com
  7. * MIT Licensed
  8. */
  9. /* iCheck plugin Minimal skin, black
  10. ----------------------------------- */
  11. .icheckbox_minimal,
  12. .iradio_minimal {
  13. display: inline-block;
  14. *display: inline;
  15. vertical-align: middle;
  16. margin: 0;
  17. padding: 0;
  18. width: 18px;
  19. height: 18px;
  20. background: rgba(255, 255, 255, 0.7) url(iCheck/minimal/minimal.png) no-repeat;
  21. border: none;
  22. cursor: pointer;
  23. }
  24. .icheckbox_minimal {
  25. background-position: 0 0;
  26. }
  27. .icheckbox_minimal.hover {
  28. background-position: -20px 0;
  29. }
  30. .icheckbox_minimal.checked {
  31. background-position: -40px 0;
  32. }
  33. .icheckbox_minimal.disabled {
  34. background-position: -60px 0;
  35. cursor: default;
  36. }
  37. .icheckbox_minimal.checked.disabled {
  38. background-position: -80px 0;
  39. }
  40. .iradio_minimal {
  41. background-position: -100px 0;
  42. }
  43. .iradio_minimal.hover {
  44. background-position: -120px 0;
  45. }
  46. .iradio_minimal.checked {
  47. background-position: -140px 0;
  48. }
  49. .iradio_minimal.disabled {
  50. background-position: -160px 0;
  51. cursor: default;
  52. }
  53. .iradio_minimal.checked.disabled {
  54. background-position: -180px 0;
  55. }
  56. /* Retina support */
  57. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  58. only screen and (-moz-min-device-pixel-ratio: 1.5),
  59. only screen and (-o-min-device-pixel-ratio: 3/2),
  60. only screen and (min-device-pixel-ratio: 1.5) {
  61. .icheckbox_minimal,
  62. .iradio_minimal {
  63. background-image: url('iCheck/minimal/minimal@2x.png');
  64. -webkit-background-size: 200px 20px;
  65. background-size: 200px 20px;
  66. }
  67. }