switchery.css 839 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. .switchery {
  2. position: relative;
  3. box-sizing: content-box;
  4. display: inline-block;
  5. width: 45px;
  6. height: 24px;
  7. vertical-align: middle;
  8. cursor: pointer;
  9. -webkit-user-select: none;
  10. -moz-user-select: none;
  11. -ms-user-select: none;
  12. user-select: none;
  13. background-color: #fff;
  14. background-clip: content-box;
  15. border: 1px solid #e4eaec;
  16. border-radius: 20px; }
  17. .switchery > small {
  18. position: absolute;
  19. top: 0;
  20. width: 24px;
  21. height: 24px;
  22. background: #fff;
  23. border-radius: 100%;
  24. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); }
  25. .switchery-small {
  26. width: 33px;
  27. height: 21px;
  28. border-radius: 20px; }
  29. .switchery-small > small {
  30. width: 21px;
  31. height: 21px; }
  32. .switchery-large {
  33. width: 66px;
  34. height: 36px;
  35. border-radius: 36px; }
  36. .switchery-large > small {
  37. width: 36px;
  38. height: 36px; }