docs.css 712 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. .max-height-300 pre {
  2. max-height: 300px;
  3. }
  4. .theme-switch {
  5. display: inline-block;
  6. height: 24px;
  7. position: relative;
  8. width: 50px;
  9. }
  10. .theme-switch input {
  11. display: none;
  12. }
  13. .slider {
  14. background-color: #ccc;
  15. bottom: 0;
  16. cursor: pointer;
  17. left: 0;
  18. position: absolute;
  19. right: 0;
  20. top: 0;
  21. transition: 400ms;
  22. }
  23. .slider::before {
  24. background-color: #fff;
  25. bottom: 4px;
  26. content: "";
  27. height: 16px;
  28. left: 4px;
  29. position: absolute;
  30. transition: 400ms;
  31. width: 16px;
  32. }
  33. input:checked + .slider {
  34. background-color: #66bb6a;
  35. }
  36. input:checked + .slider::before {
  37. transform: translateX(26px);
  38. }
  39. .slider.round {
  40. border-radius: 34px;
  41. }
  42. .slider.round::before {
  43. border-radius: 50%;
  44. }