index.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. @import './element-ui.scss';
  2. @import './mixin.scss';
  3. body {
  4. -moz-osx-font-smoothing: grayscale;
  5. -webkit-font-smoothing: antialiased;
  6. text-rendering: optimizeLegibility;
  7. font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  8. }
  9. html {
  10. box-sizing: border-box;
  11. }
  12. *,
  13. *:before,
  14. *:after {
  15. box-sizing: inherit;
  16. }
  17. div:focus{
  18. outline: none;
  19. }
  20. a:focus,
  21. a:active {
  22. outline: none;
  23. }
  24. a,
  25. a:focus,
  26. a:hover {
  27. cursor: pointer;
  28. color: inherit;
  29. text-decoration: none;
  30. }
  31. .clearfix {
  32. &:after {
  33. visibility: hidden;
  34. display: block;
  35. font-size: 0;
  36. content: " ";
  37. clear: both;
  38. height: 0;
  39. }
  40. }
  41. //vue router transition css
  42. .fade-enter-active,
  43. .fade-leave-active {
  44. transition: all .2s ease
  45. }
  46. .fade-enter,
  47. .fade-leave-active {
  48. opacity: 0;
  49. }
  50. //main-container全局样式
  51. .app-main{
  52. min-height: 100%
  53. }
  54. .app-container {
  55. padding: 20px;
  56. }
  57. .svg-icon {
  58. width: 1em;
  59. height: 1em;
  60. vertical-align: -0.15em;
  61. fill: currentColor;
  62. overflow: hidden;
  63. }