index.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  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. .bottom-time-top {
  57. margin-top: 30px;
  58. }
  59. .bottom-time-botom {
  60. margin-bottom: 30px;
  61. }
  62. .bottom-time {
  63. width: 100%;
  64. display: flex;
  65. justify-content: flex-start;
  66. align-items: center;
  67. margin-bottom: 10px;
  68. .bottom-time-bold {
  69. font-weight: bold;
  70. }
  71. .bottom-time-list {
  72. width: 50%;
  73. }
  74. .bottom-time-listw {
  75. width: 100%;
  76. }
  77. }