vendor/assets/stylesheets/_reset.scss in active_frontend-10.3.0 vs vendor/assets/stylesheets/_reset.scss in active_frontend-11.0.0

- old
+ new

@@ -19,10 +19,11 @@ h4, h5, h6, form, fieldset, +label, p, blockquote, th, td { margin: 0; @@ -47,15 +48,16 @@ h3, h4, h5, h6 { font-size: 100%; + font-style: normal; font-weight: normal; } abbr, acronym { - border-bottom: 1px dotted $color-black; + border-bottom: 1px dotted inherit; font-variant: normal; } caption, th { text-align: left; } fieldset, @@ -73,30 +75,26 @@ font-family: inherit; font-size: inherit; *font-size: 100%; font-weight: inherit; } +html { background: $color-white; } html, body { color: $color-black; - font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif; + font-family: $typography-sans-serif; font-size: 100%; -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; font-smooth: always; + font-weight: normal; height: 100%; - -webkit-overflow-scrolling: touch; - -ms-overflow-scrolling: touch; - overflow-scrolling: touch; - -webkit-tap-highlight-color: $color-transparent; - -ms-tap-highlight-color: $color-transparent; - tap-highlight-color: $color-transparent; + @include overflow-scrolling(touch); + @include tap-highlight-color($color-transparent); text-rendering: optimizeLegibility; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - text-size-adjust: 100%; + @include text-size-adjust(100%); } -html { background: $color-white; } ::-moz-selection { background: $color-primary; color: $color-white; } ::selection { @@ -105,7 +103,8 @@ } /* # Color ================================================== */ .html-dark { background: $color-black; } -.html-light { background: $color-dark-white; } -.html-white { background: $color-white; } +.html-dark, +.html-dark body { color: $color-white; } +.html-light { background: $color-light-haze; } \ No newline at end of file