Generated by SassMeister.com.

SassMeister-input-HTML.html

<p>  
   <input type="checkbox" id="test1">  
   <label for="test1">Normal</label>  
</p>  
<p>  
   <input type="checkbox" id="test2" checked="checked">  
   <label for="test2">Checked</label>  
</p>  
<p>  
   <input type="checkbox" id="test3" disabled="disabled">  
   <label for="test3">Disabled normal</label>  
</p>  
<p>  
   <input type="checkbox" id="test4" checked="checked" disabled="disabled">  
   <label for="test4">Disabled checked</label>  
</p>  

<p>  
   <input type="radio" id="test11">  
   <label for="test11">Normal</label>  
</p>  
<p>  

   <input type="radio" id="test21" checked="checked">  
   <label for="test21">Checked</label>  
</p>  
<p>  
   <input type="radio" id="test31" disabled="disabled">  
   <label for="test31">Disabled normal</label>  
</p>  
<p>  
   <input type="radio" id="test41" checked="checked" disabled="disabled">  
   <label for="test41">Disabled checked</label>  
</p>  

SassMeister-input.scss

// ----
// Sass (v3.4.4)
// Compass (v1.0.1)
// ----

/*------------------------------------*\
  VARIABLE
\*------------------------------------*/
$UI_sizing_ratio: 1.2;

$UI_size: (
  tiny 1 / $UI_sizing_ratio / $UI_sizing_ratio,
  small 1 / $UI_sizing_ratio,
  regular 1, 
  medium 1 * $UI_sizing_ratio, 
  large 1 * $UI_sizing_ratio * $UI_sizing_ratio
);

$UI_state: (
  default #73C4F2,
  warning #FFAA4A,
  error #F51F21,
  success #00C55D
);

$base-font-size: 14px;
$base-line-height: 1.57142857143;
$base-radius: 3px;
$button-radius: $base-radius;
$form-radius: $base-radius;


/*------------------------------------*\
  BASE
\*------------------------------------*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html, body {
  font-family: DIN;
  font-weight: regular;
  font-size: $base-font-size;
  line-height: $base-line-height;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: 1.57142857143;
}



$input-sprite: url(data:image/png;base64,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);
$sprint-item-width: 18px;
$sprint-item-height: 18px;
$sprint-item-size: 36px;

[type="radio"], [type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  height: $sprint-item-height;
  width: $sprint-item-width;
  display: inline-block;
  vertical-align: middle;
  background-image:$input-sprite;
  background-size: 36px;
  background-repeat: no-repeat;
  background-position: 0 0;
  outline: 0;

  + label {
    margin-left: 3px;
    display: inline-block;
    vertical-align: middle;
  }

  &:hover { background-position-y: -$sprint-item-height; }
  &:checked { background-position-y: 2 * -$sprint-item-height; }
  &:disabled {
   background-position-y: 3 * -$sprint-item-height;
   + label { opacity : 0.3; }
  }
  &:disabled:checked { background-position-y: 4 * -$sprint-item-height;}
}


[type="radio"] {
  background-position-x: (-$sprint-item-height);
}

SassMeister-output.css

/*------------------------------------*\
  VARIABLE
\*------------------------------------*/
/*------------------------------------*\
  BASE
\*------------------------------------*/
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

html, body {
  font-family: DIN;
  font-weight: regular;
  font-size: 14px;
  line-height: 1.57143;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: 1.57142857143;
}

[type="radio"], [type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  height: 18px;
  width: 18px;
  display: inline-block;
  vertical-align: middle;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAC0CAYAAAA3vWolAAAKQWlDQ1BJQ0MgUHJvZmlsZQAASA2dlndUU9kWh8+9N73QEiIgJfQaegkg0jtIFQRRiUmAUAKGhCZ2RAVGFBEpVmRUwAFHhyJjRRQLg4Ji1wnyEFDGwVFEReXdjGsJ7601896a/cdZ39nnt9fZZ+9917oAUPyCBMJ0WAGANKFYFO7rwVwSE8vE9wIYEAEOWAHA4WZmBEf4RALU/L09mZmoSMaz9u4ugGS72yy/UCZz1v9/kSI3QyQGAApF1TY8fiYX5QKUU7PFGTL/BMr0lSkyhjEyFqEJoqwi48SvbPan5iu7yZiXJuShGlnOGbw0noy7UN6aJeGjjAShXJgl4GejfAdlvVRJmgDl9yjT0/icTAAwFJlfzOcmoWyJMkUUGe6J8gIACJTEObxyDov5OWieAHimZ+SKBIlJYqYR15hp5ejIZvrxs1P5YjErlMNN4Yh4TM/0tAyOMBeAr2+WRQElWW2ZaJHtrRzt7VnW5mj5v9nfHn5T/T3IevtV8Sbsz55BjJ5Z32zsrC+9FgD2JFqbHbO+lVUAtG0GQOXhrE/vIADyBQC03pzzHoZsXpLE4gwnC4vs7GxzAZ9rLivoN/ufgm/Kv4Y595nL7vtWO6YXP4EjSRUzZUXlpqemS0TMzAwOl89k/fcQ/+PAOWnNycMsnJ/AF/GF6FVR6JQJhIlou4U8gViQLmQKhH/V4X8YNicHGX6daxRodV8AfYU5ULhJB8hvPQBDIwMkbj96An3rWxAxCsi+vGitka9zjzJ6/uf6Hwtcim7hTEEiU+b2DI9kciWiLBmj34RswQISkAd0oAo0gS4wAixgDRyAM3AD3iAAhIBIEAOWAy5IAmlABLJBPtgACkEx2AF2g2pwANSBetAEToI2cAZcBFfADXALDIBHQAqGwUswAd6BaQiC8BAVokGqkBakD5lC1hAbWgh5Q0FQOBQDxUOJkBCSQPnQJqgYKoOqoUNQPfQjdBq6CF2D+qAH0CA0Bv0BfYQRmALTYQ3YALaA2bA7HAhHwsvgRHgVnAcXwNvhSrgWPg63whfhG/AALIVfwpMIQMgIA9FGWAgb8URCkFgkAREha5EipAKpRZqQDqQbuY1IkXHkAwaHoWGYGBbGGeOHWYzhYlZh1mJKMNWYY5hWTBfmNmYQM4H5gqVi1bGmWCesP3YJNhGbjS3EVmCPYFuwl7ED2GHsOxwOx8AZ4hxwfrgYXDJuNa4Etw/XjLuA68MN4SbxeLwq3hTvgg/Bc/BifCG+Cn8cfx7fjx/GvyeQCVoEa4IPIZYgJGwkVBAaCOcI/YQRwjRRgahPdCKGEHnEXGIpsY7YQbxJHCZOkxRJhiQXUiQpmbSBVElqIl0mPSa9IZPJOmRHchhZQF5PriSfIF8lD5I/UJQoJhRPShxFQtlOOUq5QHlAeUOlUg2obtRYqpi6nVpPvUR9Sn0vR5Mzl/OX48mtk6uRa5Xrl3slT5TXl3eXXy6fJ18hf0r+pvy4AlHBQMFTgaOwVqFG4bTCPYVJRZqilWKIYppiiWKD4jXFUSW8koGStxJPqUDpsNIlpSEaQtOledK4tE20Otpl2jAdRzek+9OT6cX0H+i99AllJWVb5SjlHOUa5bPKUgbCMGD4M1IZpYyTjLuMj/M05rnP48/bNq9pXv+8KZX5Km4qfJUilWaVAZWPqkxVb9UU1Z2qbapP1DBqJmphatlq+9Uuq43Pp893ns+dXzT/5PyH6rC6iXq4+mr1w+o96pMamhq+GhkaVRqXNMY1GZpumsma5ZrnNMe0aFoLtQRa5VrntV4wlZnuzFRmJbOLOaGtru2nLdE+pN2rPa1jqLNYZ6NOs84TXZIuWzdBt1y3U3dCT0svWC9fr1HvoT5Rn62fpL9Hv1t/ysDQINpgi0GbwaihiqG/YZ5ho+FjI6qRq9Eqo1qjO8Y4Y7ZxivE+41smsImdSZJJjclNU9jU3lRgus+0zwxr5mgmNKs1u8eisNxZWaxG1qA5wzzIfKN5m/krCz2LWIudFt0WXyztLFMt6ywfWSlZBVhttOqw+sPaxJprXWN9x4Zq42Ozzqbd5rWtqS3fdr/tfTuaXbDdFrtOu8/2DvYi+yb7MQc9h3iHvQ732HR2KLuEfdUR6+jhuM7xjOMHJ3snsdNJp9+dWc4pzg3OowsMF/AX1C0YctFx4bgccpEuZC6MX3hwodRV25XjWuv6zE3Xjed2xG3E3dg92f24+ysPSw+RR4vHlKeT5xrPC16Il69XkVevt5L3Yu9q76c+Oj6JPo0+E752vqt9L/hh/QL9dvrd89fw5/rX+08EOASsCegKpARGBFYHPgsyCRIFdQTDwQHBu4IfL9JfJFzUFgJC/EN2hTwJNQxdFfpzGC4sNKwm7Hm4VXh+eHcELWJFREPEu0iPyNLIR4uNFksWd0bJR8VF1UdNRXtFl0VLl1gsWbPkRoxajCCmPRYfGxV7JHZyqffS3UuH4+ziCuPuLjNclrPs2nK15anLz66QX8FZcSoeGx8d3xD/iRPCqeVMrvRfuXflBNeTu4f7kufGK+eN8V34ZfyRBJeEsoTRRJfEXYljSa5JFUnjAk9BteB1sl/ygeSplJCUoykzqdGpzWmEtPi000IlYYqwK10zPSe9L8M0ozBDuspp1e5VE6JA0ZFMKHNZZruYjv5M9UiMJJslg1kLs2qy3mdHZZ/KUcwR5vTkmuRuyx3J88n7fjVmNXd1Z752/ob8wTXuaw6thdauXNu5Tnddwbrh9b7rj20gbUjZ8MtGy41lG99uit7UUaBRsL5gaLPv5sZCuUJR4b0tzlsObMVsFWzt3WazrWrblyJe0fViy+KK4k8l3JLr31l9V/ndzPaE7b2l9qX7d+B2CHfc3em681iZYlle2dCu4F2t5czyovK3u1fsvlZhW3FgD2mPZI+0MqiyvUqvakfVp+qk6oEaj5rmvep7t+2d2sfb17/fbX/TAY0DxQc+HhQcvH/I91BrrUFtxWHc4azDz+ui6rq/Z39ff0TtSPGRz0eFR6XHwo911TvU1zeoN5Q2wo2SxrHjccdv/eD1Q3sTq+lQM6O5+AQ4ITnx4sf4H++eDDzZeYp9qukn/Z/2ttBailqh1tzWibakNml7THvf6YDTnR3OHS0/m/989Iz2mZqzymdLz5HOFZybOZ93fvJCxoXxi4kXhzpXdD66tOTSna6wrt7LgZevXvG5cqnbvfv8VZerZ645XTt9nX297Yb9jdYeu56WX+x+aem172296XCz/ZbjrY6+BX3n+l37L972un3ljv+dGwOLBvruLr57/17cPel93v3RB6kPXj/Mejj9aP1j7OOiJwpPKp6qP6391fjXZqm99Oyg12DPs4hnj4a4Qy//lfmvT8MFz6nPK0a0RupHrUfPjPmM3Xqx9MXwy4yX0+OFvyn+tveV0auffnf7vWdiycTwa9HrmT9K3qi+OfrW9m3nZOjk03dp76anit6rvj/2gf2h+2P0x5Hp7E/4T5WfjT93fAn88ngmbWbm3/eE8/syOll+AAAXFElEQVR4Ae2df4wV13XH74Pl5wI2GBZYWMzaYH64lqpEqsu6tDUNVdNEaRIpTn+4ahP/ipq6uGrjJI2UtFKl1E3bhDhqajtO1Jb8UbeJFSeumhBMGxzcSlHVqorBmLJ4gQUWG7DBmN/b87nMedx335158+bNzBuqPdLuzNy595wz3zn33F/n3amZq1Q7ePDgfePj4x+u1Wq3SvKsq7cKOTstsn4snJ8cGBj4ihzHs0h55ZVX5k6aNOldwmuj6L1M/vqFD3/QqKTzNyLpWy9fvvzsjTfeeOLKrXT/a2Tbv3//4smTJ28RJhvSFcs3lzzAc5cuXbp7+fLlh9NyPnDgwPsk74Oi83o59qQsd1Fk7ZC8j8pLeTpNGQCqibDvA46AND5nzpzatGnTjJynKZ85jwBizp07Z954441xOUePbUuXLt0ox0RLEou5Q3T7c8k3hHDRe3zq1Km16dOnmylTphixprruyBCrMRcuXDBnz54158+fF3zGrVFI0Z1y/2GxqB/CJ44A5z4R8jjg9PX11RBQJvEAY2NjCtIDAtLjIflPPfXU5HXr1v2l6LqJ++g7a9as2syZMy0ooTJ+GrLOnDljTp8+rfKMALb5hRde+IO77rrrkp+fawD6dxF6+9y5cw3CukEofeLECZT9DzH9n/Z1GB4evl6s4ylJx89YYASc1MD4/ABKQLJARRa1VazsrsHBwZN+3kkiEIdsqFbdIpWturh6RODslLSNWM38+fNr4gYygwNvagk84AVPeMsL2Iks7rtEfbKtlWR000s9d2Q3tJxUq8hy1vT09JgFCxbUxN/kphu84AlvoTXIQqYroFyH40pOcY7PkWxqOXXnm6Jo6iy8HLEk69OQFcmsl68sQLRWUuU24XPmzZtHVagrnfcJvJGBLGQiW2VUFiBRmqbc0FLlWa30wf0jMpBFusrmvJIARZ3AIVGUFgs9SyFkIVOEDUU6VBMgUfBBEOGNltkvQ5ZakepQOQuS+j9X/MB6/EE3+mXIjHzRenSpHEBi4u+Wt9cjPqFU68FiIawI2XLagy6VA0h6tozHDGOrbpHKRpfKASSgDACMdNq6hY8re6ByAEn9t3M5ZTpn/02obHSpHECirAVI6r+vd2nXjuxKApQ4H1QaSlcEjVfRguysIpNd3SJH9uHKASQtxyjAMGfTLVLZ6FJFgEYAhmnSbpHKFoBGKgeQtCDfBxjmkLtFKltasa2VA0jq/3cEmItMsKuplwkUMpGNDnL+bOUAYt1KTHuH/NWYqy6bkIlsdECXygEUAfIoR1YfyrQiZCHT1aGSAEWLeqxb1Vh9KIuQhUyRt1MXFisJEICIog9z5I2KT+C0UEKGWo/KRmBlAWLFU/zAZvzB8ePHWegrDCB4IwNZyHRXWysLEGiw4imHrfIAtVdffRWryh0keEa8qVpbI5l1OUR0nJKrWYsWLSpkWaUuKeEEJY8cOUKO07L0PNvN6iwcrpFBpF3hyGsSn2oVWSfg7JIO4pC/ujpJTOpFFCKQoFukskUXwmEaCIVRXBLVksYl4KGjoQitFTzEcnSNfmsIHBRh6flJToiyKLNJRSYUKatNq9Xlyp2r/wFp586d78Q/yF/t1KlTNuCBVqcdnclLGYIl4AEveMLbtxyVjmlVIvxFFH1OmtZ3iD4KlurYcJSJ9HLDX5C+fyKAquEluBdYkBKWdK9c3CPVrqwQvBep4uKYnxC5iZajSvpHlmZYfRALZLJ/QPgxI2lnJeVoQ/DkeEDS8WHfYfgg16mpoZkXJi5gqZl0kFGeazwTMK5MyySBT6v7Li//3AIyUcV8WK5eNznp2bNnlxqjKK2JNrXVj1EkmEiXPK5iWOwZTe+xY8cUpOrGKF5//fVdjVE8efLkRIxinC1OxCjGIROlOwt1DcFAaWMUGcvRQ2bQefToUTM6Omr/OCeNe+TxiTFdqxhFBqu2me3v166Dz6acax4Kkj5Rvash/bIvSM9jE4NUHsQB0ubloRlTpZ2aJbSF6NYQH/WD0iXYLD36h6wA+dfQD9LEoo4yIEw9KGZIATjyF4xRfOutt6y1pAWHZyIvVkVZlwCs6zGKTC1g7jK9kAokUTo2RpEqA5+EvqH7/A3nlKEsPFyiuml0mcrmfikWxHTGa6+9Zh9IFUyaRk2KUeTtv/766+6zZTqHh29JXYlRZBHOf9uABGAXL16Me7hgjCI+h58s5EXwcp03fUC1IpFhdSjUgnhDPjj6cL29vSaKcNcke2TwKX4nGKOIQ85SrRoEOBfwgqdLpcUo4hDj3jamTGsSIqn/wRhF3nQ7DjnEO5QGT9+KUscoUjDLW3vzzTcNPeMQAUwcOOSXtxqMUfT9RYh31jSfd6oYRcDRThYOLa1p0zrEOdHrrruOOt7qOQbI4McoakBBq8JZ7vu8HdkDwZ8yKjhqemraPKD4h1gdsDa/+dTMacd6wt/2WP1Bs+qi/PI8+rxVNroEAaJ6+IWSQFJnR9UKUVpworIWIDpvLvn6uPc6Pfd5O7LDMYpYiqLoCgckv/oADmlx4GT4JWPHM4yuzh2eh2MUaX75DVUrkACHlkqty1dGuu9mxowZfnKr62CMovNWW5Vv+77P27Go+BjFJJCwFqyGPo7v4NAOP3XDDTdkipYX0IMxiv5DtI1CQgGft661oUtiR7EVSLoi6spWcHSOx72X5lyUGiEfA1uXtOl10/I693mrbHRJBAgFkkDyFVRwOlk7l2odjFHMUFV99WKvfd5aK+R50sUoAhJVJuSTVCr38FudgAMvqf/BGEWqQRE/j4KnW8WoXjKQpqFoL0aRzlMcSAqO08FS3No+srAnph2MUaQHjpXmRfDye/U0OCI/W4xiCCTQx3KwshwpGKOILLoNeRG8fOuRjq52M6wOLX2Qr4wLUkHgmKQYRfwF/bROCR6+72EUIFUcE+0sRlFBin5v3qmuwfKiaGyMIuM5+lhZqhtlKOuPCZnAU+tR2SjWtgXp0wCSa56antexVYwib3/hwoVtOW4cMmV8yxFA6NOJ6/l/FqOoPonwQaoMfS98IVbCH+ekcY88vs/hZQIOsxZypGrFxyiCbJEWkWRZKMlqg9BEjGIIKO2Ri4lXN0aRKAsdg4Qeoqg0ZCI74l/9GMVuhb+I9UzEKMZZIeCIH7p7eUU3eVO9J2IUFQnn2DA+kKaRMYhzu/BTEdeZwCgo8+9FU/5yJzvyuxZjFHNHIoYhFkRYid1kUo7jXXLSG6RThwWwJtaWCbMSK7MJxe3EKYEC9X0Uqxyj6L/gKMCh+J04RZDdR7HNpRlf346umYNJilF0mRM3JJZOaMwQ6bhNloqZNmV8yNyUjgjoodPPYgqVWUImwoR0QinVTpyV30dRwSEcT17mF+Thnwcc3EE0xqoxq8DonHGXggRQnJPGPfLIeKxGGcpGPJ6Hp781oMrkWOkQPFW0qztxqhJVPTo/qNP9FEvdibOhH1Q0SD8+c9CcvHjG3DHnllSi/ChXqSZNgZwwOnjuuPnW8f80z574L/O/Z8fM6PkrQVb9U+eam6f3mXfN/UnzK/PeZpZOm9cglwUGGiamOySYS3fifKe78W1pVexHp4fNL+36nDl3+aL5lzV/2ARSlihXgPjMyDfN18Z+YC616B1MNjXzob6fNX+y7P0G4FzCmcdFuZYC0I43XjLv3v1X5tSlK/txzJo03Xx37cfMutkr6nr6AEWt1fO0UliOv5z0jFjM3Xv+xpy63N4eH7NF9pZbPmLeIxblElOuYkm2lRPAfoYZTe5nnnJ1mSedf/fk/4jl/EUdHPKelofCmobPHostKi1NbJTrF0e/Z963e3Pb4CAMQCkLD5d4AdLa2S6AyuZ+oQA9/dqPzHt2f968dfm8q4s9/8jCDWZw+oKmdBKk6WU79uBOnFjO7+//urncokoFGUeJlIUHvFyiO6BdgEiH4gDacuyH5gN7vmQujDf/BODTS99rHrnxg65u/nkwyhWfQ7XqBBwVBA94qUMnnb6TWpFcto5ypXX41Mg/mcvj7e0G9eUj28xv7X08+CCPLPug+eMBDCRMjK3E7wSjXHHI7fqcsJQrqfCCp0upo1wPCTh3vvhZ89lD3zb37/ta6hjFzx36Z/PR4b9rqgBU7kcHf9N8bMkvu/o0nYuJB6NceVm0VnkTPOGthBUxdJHr+J04Mbs7X/wz26eg4FeFyQMpQPr0yDfMx0f+QWXVj7IIY564+R7z0UXvqKfFnUgzEoxypZ/TqimP45mUDk94u6ThMOgSdNK/vfcJs/esXYapl/vK2L+Z3xn+26AlCSPz0PDXzZ8eeqaeX08mi5vbsvIB82Hpg6SkYJQrncCiyOfNGC6i8E6cj930IbN0amOvkwKPHd1uHhxunLjDP92376vmi0cam03yT6lNNv+46nfNr81fx2UqEv/TT0ZM3SV6yEWRz1tlo0ujFpEGNL/bb/2EWeL1OLn910e3mU3DW2zOC9Ir/vWXv2yrYFS0fpg+aYr51qqHzHvnvb2elvLEAiS+qCG729o03MjhwuftyA6HASPz5ukLzfa1nzQ/L47aZ/Doka1WrX3yVp89+d9NKvZOmmaeWf2QufO6tU33UiS0NaOYgl8nWcJRrspxxQxA+oRZNKU53ASQQuDMmTzDfG/tw1nBQXQwytUfP6mOeRx93ozNIoqPctUcK2cskur2SbMwAJLm0eO8nl6zbe3HG8ZYei/tURx+MMqVUXlR5PPWFWZ0CfogX5FVMxZbn9Q3ZY5/q37NvX+99Y/M22cN1tOynIhSI5TTSFPlwZRFUeTzVtnokgogFFs9o988J9VtQc/sJj1x5j+49VPmJ2YubbrXboK0IMEoV+ZzmLLIm+AJb5fajnLVwmtnLjHbpHWb74C0fNp8C84tUhXzIKn/wShXJruYz8mb4OlOpFG9MkW5qmJYCX7mhp5ZZqW0dFhO3Khcy7RzTIpyZbKL+Zy8CF7wdKmjKFdldFvvgHXcgOOir/dzOAajXGltmOyalENVgwe83BYM69E4RXmGbFGu+vBY0sKpzc2/3u/kmBTlykzg55f/RkcgAQ48/FnF3KJcO3n4tGXFF8VGuf5e/y+ap1dvylTdqFaUhYdLSVGu9hf2TufILVfKuSO7/mv/VlGuvP3db3vE3Nv3c6laN1or8lLGtxzkx0W59khbzz5iP0WcYBG/hUiDcFyMIrtiDg0NrZUH2MjSDKujzjjJ+o8nVtxjPiMTcFmWfdANcFpFud4v+R4TwXYDER3JpnmwPPLgGJ0ll/vF/7DhW52chcOu7MRJz6thH8Uuhb8QuBUbo9jNpWfbNb0WAqhYZe3KZ0TrtnzFku6V60rvoxgtKLJmNoTu4j8LDX/pQYiSCKt8jGK04nlHtG7F0sx6cfI96uj1WWKOl6Qq75B7qT9lbAHSKiYFNwhGMbxzT54lsm4XrrfLw/6qtCZthQHnrk0MwwYnLXmYzSsNoUgnlZlpH8U2dVZZiE4XYSZv7155kxvaFISAvIgXguK/wOfc45j6EWZRGbK380I1L/JY2m4dYSYA2RhFJHWbxD+0/Naz6OhaQacqK6+tMkmW/K3nTiXlUV4s2X532uXldBRZUNQHcrN0cq7Wu1HWwpK/9dyJlBzLNuyd40aYRTK0iuQosl5FNcKsYb0p9ZRrnhql5aXfepb8WE7RhIxr71vPonTe1SoOaFvdpJpfW996lqcpololgcSMAT11S5WsYlEvmaFEGVUrgqJ+QOa18a1nUbRM61GEVKaNMKtHuerdbh9lyDFPTJxQDloTVbZstbAiUeVSX8NgtWwtQvIEHBthFrpXYhovJj7CrERFmkRJb9pGmDXd6EICulTRSdsIsy7gERIZjjAL5SwrTfohNoCqLHlJctClihZUGYAEvEoC1I2+T5whJUeYxZUqON1GmBUsIy371hFmaTnllU9aDhthlhe/TvigS+V8kCg10slD5VkWXSoHkEaY5fmgWXlJK5ZuH8WsArKUk+69jTCTst101shubx/FLA+bpYxGmEnZbo3DUDvbPopZHjhjGRvdJWW7YUUqs7MIs4wPnqqYRphJ5m5YETI720cx1VN2mEl8kY0wEzb6RjvkmKq4leXILu4nmanUScikEWaShTdaBkjIwPdce996jkCSQ6HEi4jfR7FQ0emZJ+6jKGzsW07PLlVO5Zn8redUrArOJOaduI+iiM+7uik4LD03fQibx61/61nOydwtUtlPhhQYdL71LPcBCdIyV67a+69lrc9J/a3nSKgq0J7I7LlRFkVjYxRd1n6Emdyz5d08Cedu3nThLwiQZu1uFJTzssHhWSw46IAuJCQRrZt85u8O0ff98rdd8tZ//ZZULrpHhNl2ysIjilZLLOYCMrGPYgCqhtG8jF5dwALZc0+Sl9nZPopoZJkk8Gl1P+mpLCAaoyj4bEjKXNQ9eYBKb1VaDyTnZchf6VYUyZyIUYyxQF4IL2YiRjEGoHqyVLWJGMU6GoET8YGVi1EkeKEhLjCgd5lJDbqkjVHkx3B8xosvVvGLZRk2WJ3ZpISdXNhckg3//X3QogdTn6sxiuFd8MpEIUlW6FvPkj/YeADMoUOH7O+9knjqPX5vtmTJkjigrAyp5g3fei41PoivUfLxWfnJlercdFSAoiHF85IhCA4Ws2/fPrtXaxOThAR+D3fTTTfFfQLHypJefXm74KmufLRt165dZs+ePWzyr8mxRydOUKtAPS+fmNi7d2/b4MCAH/BRNvpMRZ1ndGJlObLLmVEEkN27d9ufP6IgIPEL4zhKilHEckZGOl9bhAe8AoQVlRejiOMEEIBR4vyll15K+mq4jQ+U/A3Wg8+hWuVF8IKnRyrT6tAwFvMydnzJG3r55ZcbwFGmfX19ditjvdaj+B67C55c8yYbCIfsAt1wM8MFvOAZoHHpcqxHl8IA4pfE1HVpFZrk9/f384mspnQSnBhFfZM2H28annkTPGOsqHWMIgXlJ0rBh0xSdGxszMiPUIJZpJWyTW3wpiQKoMEYxRh/EcemrfQ43ugSa0GAg2M9fPiwkdF+apDIL6YZVHDZsmVm8eLFwXtOYtC08GVFUQLv8LeeFRz9Haiatnw5xX6WKk5RrA2AQkRZ2bs5dKshTep+MARP9/RpyJzTRRxvdAnGSVM9FBzVAZCkgJFpyiaQ8DPSNMf1LWzHjA9IpqQgQDp8SMmjrWwJvMMxirzt0LhFdkho6oMADlUw1PEC0BUrVtiva7ahcbNXb6NwzlnDMYp8SWDVqlVN33xHOA5YfQzNJH0JrYKucoCzcuXKuC69m9U/D9ZRZ3dMP3/H1wm8DwerGBIZBa9evdo6at8EAQmiGoYcHOMdwPG/YWoLtfgnFjkq4N7iZ0Mfv9r7ebJe696tfnl0iW3FyKwghRAGpBA40o+x1pcFHGSKUiMcfWLKoiiK440uiQChECBR3dJ8aFbBYWfvrBQXo5jnB2h93eJ4iyWni1Hks5tUtySQuEee3t5eX35b1zLVEIxRpNFgPidvgmegQaKhaC9GMQkkquCaNWty2aBJuhH2W8+iYM0Hg8ku/FteBC94BojV3h3o0pY0QPKrG+gDTpyjCwhPkxSMUUQWk115EbxirAcR2WIU2cZLQaI7ADgc86SkGEX8BUOWTgkeMb4Hy63HKMY280kKKEhUrVALl1Q27T3xRQ+L0w9OufLRXN58gVOuGh+ZfUYRkIoCBxCJvBA/sFlOeaNNvWve/m233daW48YhUybGcpBh44WQLeeWMlmQFi76qLvgiZzgFAhWNDg4aB0tUxb0yzIs++hj8CImYhQVDedoLUeuJ2IUHVD0VMHZKsOpiRhFRUWO6tOsz5mIUbyKjFoMKRMxildxqZ9NxCjKAJMZSZ2VHJWuAj/xPMDAk3Eew4c6XClO/g8TJQc52C9rGAAAAABJRU5ErkJggg==);
  background-size: 36px;
  background-repeat: no-repeat;
  background-position: 0 0;
  outline: 0;
}
[type="radio"] + label, [type="checkbox"] + label {
  margin-left: 3px;
  display: inline-block;
  vertical-align: middle;
}
[type="radio"]:hover, [type="checkbox"]:hover {
  background-position-y: -18px;
}
[type="radio"]:checked, [type="checkbox"]:checked {
  background-position-y: -36px;
}
[type="radio"]:disabled, [type="checkbox"]:disabled {
  background-position-y: -54px;
}
[type="radio"]:disabled + label, [type="checkbox"]:disabled + label {
  opacity: 0.3;
}
[type="radio"]:disabled:checked, [type="checkbox"]:disabled:checked {
  background-position-y: -72px;
}

[type="radio"] {
  background-position-x: -18px;
}

SassMeister-rendered.html

<p>  
   <input type="checkbox" id="test1">  
   <label for="test1">Normal</label>  
</p>  
<p>  
   <input type="checkbox" id="test2" checked="checked">  
   <label for="test2">Checked</label>  
</p>  
<p>  
   <input type="checkbox" id="test3" disabled="disabled">  
   <label for="test3">Disabled normal</label>  
</p>  
<p>  
   <input type="checkbox" id="test4" checked="checked" disabled="disabled">  
   <label for="test4">Disabled checked</label>  
</p>  

<p>  
   <input type="radio" id="test11">  
   <label for="test11">Normal</label>  
</p>  
<p>  

   <input type="radio" id="test21" checked="checked">  
   <label for="test21">Checked</label>  
</p>  
<p>  
   <input type="radio" id="test31" disabled="disabled">  
   <label for="test31">Disabled normal</label>  
</p>  
<p>  
   <input type="radio" id="test41" checked="checked" disabled="disabled">  
   <label for="test41">Disabled checked</label>  
</p>