index.scss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. @import './variables.scss';
  2. @import './mixin.scss';
  3. @import './transition.scss';
  4. @import './element-ui.scss';
  5. @import './sidebar.scss';
  6. body {
  7. height: 100%;
  8. -moz-osx-font-smoothing: grayscale;
  9. -webkit-font-smoothing: antialiased;
  10. text-rendering: optimizeLegibility;
  11. font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  12. }
  13. label {
  14. font-weight: 700;
  15. }
  16. html {
  17. height: 100%;
  18. box-sizing: border-box;
  19. }
  20. #app {
  21. height: 100%;
  22. }
  23. *,
  24. *:before,
  25. *:after {
  26. box-sizing: inherit;
  27. }
  28. a:focus,
  29. a:active {
  30. outline: none;
  31. }
  32. a,
  33. a:focus,
  34. a:hover {
  35. cursor: pointer;
  36. color: inherit;
  37. text-decoration: none;
  38. }
  39. div:focus {
  40. outline: none;
  41. }
  42. .clearfix {
  43. &:after {
  44. visibility: hidden;
  45. display: block;
  46. font-size: 0;
  47. content: " ";
  48. clear: both;
  49. height: 0;
  50. }
  51. }
  52. // main-container global css
  53. .app-container {
  54. padding: 20px;
  55. }
  56. h2,p,div,ul,li{
  57. margin: 0;
  58. padding:0
  59. }
  60. ul{
  61. list-style: none;
  62. }
  63. .personal-center{
  64. .el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li{
  65. background-color: #fff;
  66. }
  67. .el-pager li.active{
  68. background: #FF9900;
  69. border-radius: 4px;
  70. color:#fff;
  71. }
  72. .el-pagination.is-background .el-pager li:not(.disabled):hover{
  73. color:#FF9900;
  74. }
  75. .el-pagination.is-background .el-pager li:not(.disabled).active{
  76. background: #FF9900;
  77. color: #fff;
  78. }
  79. }
  80. input[type='number'] {
  81. -moz-appearance:textfield;
  82. }
  83. input[type=number]::-webkit-inner-spin-button,
  84. input[type=number]::-webkit-outer-spin-button {
  85. -webkit-appearance: none;
  86. margin:0;
  87. }