style.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /* Cell Component */
  2. /* Header Component */
  3. /* Button Component */
  4. /* Tab Item Component */
  5. /* Tabbar Component */
  6. /* Navbar Component */
  7. /* Checklist Component */
  8. /* Radio Component */
  9. /* z-index */
  10. .mint-checklist .mint-cell {
  11. padding: 0;
  12. }
  13. .mint-checklist.is-limit .mint-checkbox-core:not(:checked) {
  14. background-color: #d9d9d9;
  15. border-color: #d9d9d9;
  16. }
  17. .mint-checklist-label {
  18. display: block;
  19. padding: 0 10px;
  20. }
  21. .mint-checklist-title {
  22. color: #888;
  23. display: block;
  24. font-size: 12px;
  25. margin: 8px;
  26. }
  27. .mint-checkbox {}
  28. .mint-checkbox.is-right {
  29. float: right;
  30. }
  31. .mint-checkbox-label {
  32. vertical-align: middle;
  33. margin-left: 6px;
  34. }
  35. .mint-checkbox-input {
  36. display: none;
  37. }
  38. .mint-checkbox-input:checked + .mint-checkbox-core {
  39. background-color: #26a2ff;
  40. border-color: #26a2ff;
  41. }
  42. .mint-checkbox-input:checked + .mint-checkbox-core::after {
  43. border-color: #fff;
  44. -webkit-transform: rotate(45deg) scale(1);
  45. transform: rotate(45deg) scale(1);
  46. }
  47. .mint-checkbox-input[disabled] + .mint-checkbox-core {
  48. background-color: #d9d9d9;
  49. border-color: #ccc;
  50. }
  51. .mint-checkbox-core {
  52. display: inline-block;
  53. background-color: #fff;
  54. border-radius: 100%;
  55. border: 1px solid #ccc;
  56. position: relative;
  57. width: 20px;
  58. height: 20px;
  59. vertical-align: middle;
  60. }
  61. .mint-checkbox-core::after {
  62. border: 2px solid transparent;
  63. border-left: 0;
  64. border-top: 0;
  65. content: " ";
  66. top: 3px;
  67. left: 6px;
  68. position: absolute;
  69. width: 4px;
  70. height: 8px;
  71. -webkit-transform: rotate(45deg) scale(0);
  72. transform: rotate(45deg) scale(0);
  73. -webkit-transition: -webkit-transform .2s;
  74. transition: -webkit-transform .2s;
  75. transition: transform .2s;
  76. transition: transform .2s, -webkit-transform .2s;
  77. }