index.scss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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,
  29. a:focus,
  30. a:hover {
  31. cursor: pointer;
  32. color: inherit;
  33. outline: none;
  34. text-decoration: none;
  35. }
  36. div:focus{
  37. outline: none;
  38. }
  39. a:focus,
  40. a:active {
  41. outline: none;
  42. }
  43. a,
  44. a:focus,
  45. a:hover {
  46. cursor: pointer;
  47. color: inherit;
  48. text-decoration: none;
  49. }
  50. .clearfix {
  51. &:after {
  52. visibility: hidden;
  53. display: block;
  54. font-size: 0;
  55. content: " ";
  56. clear: both;
  57. height: 0;
  58. }
  59. }
  60. //main-container全局样式
  61. .app-main{
  62. min-height: 100%
  63. }
  64. .app-container {
  65. padding: 20px;
  66. }