reset.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  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. color: $text;
  10. font-family: $font-family;
  11. font-size: $font-size;
  12. line-height: $line-height;
  13. -webkit-font-smoothing: antialiased;
  14. }
  15. article,aside,dialog,footer,header,section,footer,nav,figure,menu {
  16. display: block
  17. }
  18. .container{
  19. padding: 0 !important;
  20. width: 1190px;
  21. }
  22. h1,
  23. h2,
  24. h3,
  25. h4,
  26. h5,
  27. h6 {
  28. color: inherit;
  29. font-family: inherit;
  30. line-height: inherit;
  31. }
  32. a:focus,a:hover{
  33. text-decoration: none !important;
  34. }
  35. h1 {
  36. font-size: $font-size-h1;
  37. font-weight: 500;
  38. margin: $lg-pad 0;
  39. }
  40. h2 {
  41. font-size: $font-size-h2;
  42. font-weight: 500;
  43. margin: $lg-pad 0;
  44. }
  45. h3 {
  46. font-size: $font-size-h3;
  47. font-weight: 500;
  48. margin: $md-pad 0;
  49. }
  50. h4 {
  51. font-size: $font-size-h4;
  52. font-weight: 600;
  53. margin: $md-pad 0;
  54. }
  55. h5 {
  56. font-size: $font-size-h5;
  57. font-weight: 600;
  58. margin: $md-pad 0;
  59. }
  60. h6 {
  61. color: $secondary;
  62. font-size: $font-size-h6;
  63. font-weight: 600;
  64. margin: $md-pad 0;
  65. }
  66. dl {
  67. margin-bottom: $md-pad;
  68. }
  69. dd {
  70. margin-left: $xlg-pad;
  71. }
  72. ul,
  73. ol {
  74. margin: 0;
  75. padding: 0;
  76. vertical-align: baseline;
  77. list-style: none;
  78. -webkit-padding-start: 0;
  79. -webkit-margin-before: 0;
  80. -webkit-margin-after: 0;
  81. }
  82. main,
  83. header,
  84. footer,
  85. article,
  86. section,
  87. aside,
  88. details,
  89. summary {
  90. margin: 0 auto;
  91. width: 100%;
  92. }
  93. a {
  94. cursor: pointer;
  95. text-decoration: none;
  96. color: $text;
  97. &:hover,&.active {
  98. text-decoration: none;
  99. outline: 0;
  100. color: $red;
  101. }
  102. }
  103. img {
  104. outline: 0;
  105. border: none;
  106. }
  107. p {
  108. margin: 0 0 10px;
  109. }