_reset.scss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153
  1. * {
  2. -webkit-box-sizing: border-box;
  3. -moz-box-sizing: border-box;
  4. box-sizing: border-box;
  5. }
  6. body {
  7. margin: 0;
  8. padding: 0;
  9. background: $body-bg;
  10. color: $text;
  11. font-family: $font-family;
  12. font-size: $font-size;
  13. line-height: $line-height;
  14. -webkit-font-smoothing: antialiased;
  15. }
  16. article,aside,dialog,footer,header,section,footer,nav,figure,menu {
  17. display: block
  18. }
  19. a,a:focus,a:hover{
  20. text-decoration: none !important;
  21. }
  22. dl {
  23. margin-bottom: $md-pad;
  24. }
  25. dd {
  26. margin-left: $xlg-pad;
  27. }
  28. ul,
  29. ol {
  30. margin: 0;
  31. padding: 0;
  32. vertical-align: baseline;
  33. list-style: none;
  34. -webkit-padding-start: 0;
  35. -webkit-margin-before: 0;
  36. -webkit-margin-after: 0;
  37. }
  38. main,
  39. header,
  40. footer,
  41. article,
  42. section,
  43. aside,
  44. details,
  45. summary {
  46. margin: 0 auto;
  47. width: 100%;
  48. }
  49. a.nuxt-link-active {
  50. cursor: pointer;
  51. text-decoration: none;
  52. color: $text;
  53. transition: color .2s ease;
  54. outline: 0;
  55. &:hover,&:active {
  56. text-decoration: none;
  57. color: $skin-bg;
  58. }
  59. }
  60. a.header-link {
  61. cursor: pointer;
  62. text-decoration: none;
  63. color: #fff;
  64. transition: color .2s ease;
  65. outline: 0;
  66. &:hover {
  67. text-decoration: underline;
  68. }
  69. }
  70. img {
  71. outline: 0;
  72. border: none;
  73. vertical-align: middle;
  74. }
  75. .f12{
  76. font-size: $font-size-small
  77. }
  78. .f14{
  79. font-size: $font-size;
  80. }
  81. .f16{
  82. font-size: $font-size-large;
  83. }
  84. .text-right{
  85. text-align: right;
  86. }
  87. .icon-left-arrow{
  88. display:inline-block;
  89. position:relative;
  90. top:0;
  91. width:10px;
  92. height:10px;
  93. background: url(../../static/icon/left-arrow.png)no-repeat;
  94. }
  95. .icon-info{
  96. display:inline-block;
  97. position:relative;
  98. top:0;
  99. width:20px;
  100. height:20px;
  101. background: url(../../static/icon/info.png)no-repeat;
  102. }
  103. .icon-trumpet{
  104. display:inline-block;
  105. position:relative;
  106. top:5px;
  107. width:20px;
  108. height:20px;
  109. background: url(../../static/icon/trumpet.png)no-repeat;
  110. }
  111. .icon-qq{
  112. display:inline-block;
  113. position:relative;
  114. top:5px;
  115. width:20px;
  116. height:20px;
  117. background: url(../../static/icon/qq.png)no-repeat;
  118. }
  119. .icon-space{
  120. display:inline-block;
  121. position:relative;
  122. top:5px;
  123. width:20px;
  124. height:20px;
  125. background: url(../../static/icon/space.png)no-repeat;
  126. }
  127. .icon-weibo{
  128. display:inline-block;
  129. position:relative;
  130. top:5px;
  131. width:20px;
  132. height:20px;
  133. background: url(../../static/icon/weibo.png)no-repeat;
  134. }
  135. .icon-link{
  136. display:inline-block;
  137. position:relative;
  138. top:5px;
  139. width:20px;
  140. height:20px;
  141. background: url(../../static/icon/link.png)no-repeat;
  142. }