base.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. @charset "UTF-8";
  2. body {
  3. line-height: 1;
  4. }
  5. html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  6. margin: 0;
  7. padding: 0;
  8. border: 0;
  9. font-size: 100%;
  10. font-weight: normal;
  11. vertical-align: baseline;
  12. }
  13. blockquote, q {
  14. quotes: none;
  15. }
  16. blockquote:before,
  17. blockquote:after,
  18. q:before,
  19. q:after {
  20. content: '';
  21. content: none;
  22. }
  23. del {text-decoration: line-through;}
  24. img {
  25. height: auto;
  26. vertical-align: middle;
  27. -ms-interpolation-mode: bicubic;/* scale images in IE7 more attractively */
  28. }
  29. i, em {
  30. font-style: normal;
  31. }
  32. ol, ul, menu {
  33. list-style: none outside none;
  34. }
  35. fieldset,iframe,abbr,acronym {
  36. border: 0 none;
  37. }
  38. iframe {
  39. display: block;
  40. }
  41. textarea {
  42. resize: vertical;
  43. }
  44. table {
  45. border-collapse: collapse;
  46. border-spacing: 0;
  47. font-size: inherit;
  48. }
  49. // IE bug fixed: th 不继承 text-align
  50. th {
  51. text-align: inherit;
  52. }
  53. // 修正表单元素并不继承父级 font 的问题
  54. button, input, select, textarea {
  55. font-family: Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;
  56. margin: 0;
  57. }
  58. // 清除浮动
  59. .clearfix {
  60. *zoom: 1;
  61. &:before,
  62. &:after{
  63. content: "";
  64. display: table;
  65. line-height: 0;
  66. }
  67. &:after{
  68. clear: both;
  69. }
  70. }
  71. button{
  72. outline: none;
  73. border: none;
  74. text-align: center;
  75. cursor: pointer;
  76. }
  77. img.emoji {
  78. width: 30px;
  79. height: 30px;
  80. pointer-events: none;
  81. vertical-align: middle;
  82. }