index.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. @import './variables';
  2. @import './mixin';
  3. @import './element-ui';
  4. @import './common';
  5. body {
  6. -moz-osx-font-smoothing: grayscale;
  7. -webkit-font-smoothing: antialiased;
  8. overflow: hidden;
  9. text-rendering: optimizeLegibility;
  10. /* stylelint-disable-next-line */
  11. font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', 'Arial',
  12. sans-serif;
  13. }
  14. label {
  15. font-weight: 700;
  16. }
  17. html {
  18. box-sizing: border-box;
  19. }
  20. html,
  21. body {
  22. height: 100%;
  23. font-size: 16px !important;
  24. }
  25. ul {
  26. padding-inline-start: 0;
  27. margin: 0;
  28. li {
  29. list-style: none;
  30. }
  31. }
  32. #app {
  33. height: 100%;
  34. }
  35. *,
  36. ::before,
  37. ::after {
  38. box-sizing: inherit;
  39. }
  40. a,
  41. a:focus,
  42. a:hover {
  43. color: inherit;
  44. text-decoration: none;
  45. cursor: pointer;
  46. }
  47. // 课件视频播放样式
  48. .video-js:hover .vjs-big-play-button {
  49. background: none;
  50. }
  51. .vjs-custom-skin > .video-js .vjs-big-play-button {
  52. width: 225px;
  53. height: 225px !important;
  54. margin-top: -112px !important;
  55. margin-left: -112px !important;
  56. background-color: initial;
  57. border: 0;
  58. &:focus,
  59. &:active {
  60. background: none;
  61. }
  62. }
  63. .vjs-icon-play::before,
  64. .video-js .vjs-big-play-button .vjs-icon-placeholder::before,
  65. .video-js .vjs-play-control .vjs-icon-placeholder::before {
  66. content: none;
  67. }