_core.scss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217
  1. *, *::before, *::after {
  2. @include box-sizing(border-box);
  3. }
  4. @-webkit-viewport{width:device-width}
  5. @-moz-viewport{width:device-width}
  6. @-ms-viewport{width:device-width}
  7. @-o-viewport{width:device-width}
  8. @viewport{width:device-width}
  9. html {
  10. font-size: 100%;
  11. -ms-text-size-adjust: 100%;
  12. -webkit-text-size-adjust: 100%;
  13. }
  14. body {
  15. margin: 0;
  16. }
  17. article,
  18. aside,
  19. details,
  20. figcaption,
  21. figure,
  22. footer,
  23. header,
  24. hgroup,
  25. main,
  26. nav,
  27. section,
  28. summary {
  29. display: block;
  30. }
  31. audio,
  32. canvas,
  33. progress,
  34. video {
  35. display: inline-block;
  36. vertical-align: baseline;
  37. }
  38. audio:not([controls]) {
  39. display: none;
  40. height: 0;
  41. }
  42. [hidden],
  43. template {
  44. display: none;
  45. }
  46. a {
  47. background: transparent;
  48. text-decoration: none;
  49. }
  50. a:active,
  51. a:hover {
  52. outline: 0;
  53. }
  54. abbr[title] {
  55. border-bottom: 1px dotted;
  56. }
  57. b,
  58. strong {
  59. font-weight: bold;
  60. }
  61. dfn {
  62. font-style: italic;
  63. }
  64. mark {
  65. background: #FFFF27;
  66. color: #333;
  67. }
  68. sub,
  69. sup {
  70. font-size: $core-font-size - 0.250;
  71. line-height: 0;
  72. position: relative;
  73. vertical-align: baseline;
  74. }
  75. sup {
  76. top: -0.5em;
  77. }
  78. sub {
  79. bottom: -0.25em;
  80. }
  81. img {
  82. border: 0;
  83. max-width: 100%;
  84. }
  85. svg:not(:root) {
  86. overflow: hidden;
  87. }
  88. figure {
  89. margin: 1em 40px;
  90. }
  91. hr {
  92. height: 0;
  93. }
  94. pre {
  95. overflow: auto;
  96. }
  97. code,
  98. kbd,
  99. pre,
  100. samp {
  101. // font-size: $core-font-size;
  102. }
  103. button,
  104. input,
  105. optgroup,
  106. select,
  107. textarea {
  108. color: inherit;
  109. font: inherit;
  110. margin: 0;
  111. }
  112. button {
  113. overflow: visible;
  114. }
  115. button,
  116. select {
  117. text-transform: none;
  118. }
  119. button,
  120. html input[type="button"],
  121. input[type="reset"],
  122. input[type="submit"] {
  123. -webkit-appearance: button;
  124. cursor: pointer;
  125. }
  126. button[disabled],
  127. html input[disabled] {
  128. cursor: default;
  129. }
  130. button::-moz-focus-inner,
  131. input::-moz-focus-inner {
  132. border: 0;
  133. padding: 0;
  134. }
  135. input {
  136. line-height: normal;
  137. }
  138. input[type="checkbox"],
  139. input[type="radio"] {
  140. padding: 0;
  141. }
  142. input[type="number"]::-webkit-inner-spin-button,
  143. input[type="number"]::-webkit-outer-spin-button {
  144. height: auto;
  145. }
  146. input[type="search"] {
  147. -webkit-appearance: textfield;
  148. }
  149. input[type="search"]::-webkit-search-cancel-button,
  150. input[type="search"]::-webkit-search-decoration {
  151. -webkit-appearance: none;
  152. }
  153. legend {
  154. border: 0;
  155. padding: 0;
  156. }
  157. textarea {
  158. overflow: auto;
  159. }
  160. optgroup {
  161. font-weight: bold;
  162. }
  163. table {
  164. border-collapse: collapse;
  165. border-spacing: 0;
  166. table-layout: fixed;
  167. width: 100%;
  168. }
  169. tr, td, th {
  170. vertical-align: middle;
  171. }
  172. th, td {
  173. padding: ($leading-margin / 4) 0;
  174. }
  175. th {
  176. text-align: left;
  177. }