移动端
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

base.scss 1.7 KiB

4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
4年前
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. body,
  2. div,
  3. span,
  4. header,
  5. footer,
  6. nav,
  7. section,
  8. aside,
  9. article,
  10. ul,
  11. dl,
  12. dt,
  13. dd,
  14. li,
  15. a,
  16. p,
  17. h1,
  18. h2,
  19. h3,
  20. h4,
  21. h5,
  22. h6,
  23. i,
  24. b,
  25. textarea,
  26. button,
  27. input,
  28. select,
  29. figure,
  30. figcaption {
  31. padding: 0;
  32. margin: 0;
  33. list-style: none;
  34. font-style: normal;
  35. text-decoration: none;
  36. border: none;
  37. box-sizing: border-box;
  38. font-family: "Microsoft Yahei", sans-serif;
  39. -webkit-tap-highlight-color: transparent;
  40. -webkit-font-smoothing: antialiased;
  41. &:focus {
  42. outline: none;
  43. }
  44. }
  45. * { touch-action: pan-y; }
  46. body {
  47. color: #323233;
  48. }
  49. /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
  50. ::-webkit-scrollbar {
  51. width: 0px;
  52. height: 0px;
  53. background-color: #F5F5F5;
  54. }
  55. /*定义滚动条轨道 内阴影+圆角*/
  56. ::-webkit-scrollbar-track {
  57. -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
  58. border-radius: 10px;
  59. background-color: #F5F5F5;
  60. }
  61. /*定义滑块 内阴影+圆角*/
  62. ::-webkit-scrollbar-thumb {
  63. border-radius: 10px;
  64. -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  65. background-color: #555;
  66. }
  67. input[type="button"],
  68. input[type="submit"],
  69. input[type="search"],
  70. input[type="reset"] {
  71. -webkit-appearance: none;
  72. }
  73. textarea {
  74. -webkit-appearance: none;
  75. }
  76. html,
  77. body {
  78. height: 100%;
  79. width: 100%;
  80. background-color: #F5F5F5;
  81. }
  82. .clear:after {
  83. content: '';
  84. display: block;
  85. clear: both;
  86. }
  87. .clear {
  88. zoom: 1;
  89. }
  90. .back_img {
  91. background-repeat: no-repeat;
  92. background-size: 100% 100%;
  93. }
  94. .margin {
  95. margin: 0 auto;
  96. }
  97. .left {
  98. float: left;
  99. }
  100. .right {
  101. float: right;
  102. }
  103. .hide {
  104. display: none;
  105. }
  106. .show {
  107. display: block;
  108. }
  109. .ellipsis {
  110. overflow: hidden;
  111. text-overflow: ellipsis;
  112. white-space: nowrap;
  113. }