global.less 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. // Reset default browser styles
  2. * {
  3. box-sizing: border-box;
  4. }
  5. #root {
  6. min-height: 100vh;
  7. }
  8. html,
  9. body,
  10. ul,
  11. ol,
  12. li,
  13. dl,
  14. dt,
  15. dd,
  16. h1,
  17. h2,
  18. h3,
  19. h4,
  20. h5,
  21. h6,
  22. pre,
  23. code,
  24. form,
  25. fieldset,
  26. legend,
  27. input,
  28. textarea,
  29. p,
  30. blockquote,
  31. th,
  32. td,
  33. hr,
  34. button {
  35. margin: 0;
  36. padding: 0;
  37. font-size: 100%;
  38. font-family: inherit;
  39. vertical-align: baseline;
  40. border: 0 none;
  41. color: inherit;
  42. background: transparent;
  43. box-sizing: border-box;
  44. -webkit-font-smoothing: antialiased;
  45. -moz-osx-font-smoothing: grayscale;
  46. }
  47. body {
  48. color: #333;
  49. }
  50. // Remove list styles on ul, ol
  51. ul,
  52. ol {
  53. list-style: none;
  54. }
  55. // Remove link styles
  56. a {
  57. text-decoration: none;
  58. color: inherit;
  59. }
  60. // Remove table border
  61. table {
  62. border-collapse: collapse;
  63. border-spacing: 0;
  64. }
  65. // Remove input styling for IE
  66. input[type='text'],
  67. input[type='password'],
  68. input[type='number'],
  69. textarea {
  70. appearance: none;
  71. -webkit-appearance: none;
  72. -moz-appearance: none;
  73. // border-radius: 0;
  74. }
  75. // Remove button styling for IE
  76. button,
  77. input[type='submit'],
  78. input[type='reset'] {
  79. appearance: none;
  80. -webkit-appearance: none;
  81. -moz-appearance: none;
  82. border: 0 none;
  83. background: none;
  84. padding: 0;
  85. cursor: pointer;
  86. }
  87. // Remove outline on focus
  88. *:focus {
  89. outline: none;
  90. }
  91. .password-eye {
  92. display: inline-block;
  93. vertical-align: middle;
  94. width: 40px;
  95. height: 15px;
  96. background: url('@/assets/icon-eye1.png') no-repeat center;
  97. background-size: contain;
  98. &.open {
  99. background-image: url('@/assets/icon-eye2.png');
  100. }
  101. }