_sass/_base.scss in quattle-1.5.5 vs _sass/_base.scss in quattle-1.6.0

- old
+ new

@@ -1,93 +1,93 @@ -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -html, -body { - margin: 0; - padding: 0; -} - -html { - font-family: $root-font-family; - font-size: $root-font-size; - line-height: $root-line-height; - - @media (min-width: $large-breakpoint) { - font-size: $large-font-size; - } -} - -body { - color: $text; - background-color: $bg; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - - - @media (prefers-color-scheme: light) { - color: $light-scheme-text; - background-color: $light-scheme-bg; - } - -} - -// No `:visited` state is required by default (browsers will use `a`) -a { - color: $color; - text-decoration: none; - - @media (prefers-color-scheme: light) { - color: $light-scheme-color; - } - - // `:focus` is linked to `:hover` for basic accessibility - &:hover, - &:focus { - text-decoration: none; - } - - strong { - color: inherit; - } -} - -img { - display: block; - max-width: 100%; - margin: 0 0 1rem; - border-radius: 5px; -} - -table { - margin-bottom: 1rem; - width: 100%; - font-size: 85%; - border: 1px solid #555555; - border-collapse: collapse; - - @media (prefers-color-scheme: light) { - border: 1px solid #D2D2D2; - } -} - -td, -th { - padding: .25rem .5rem; - border: 1px solid #555555; -} - -th { - text-align: left; -} - -tbody tr:nth-child(odd) td, -tbody tr:nth-child(odd) th { - background-color: #2d2d2d; - - @media (prefers-color-scheme: light) { - background-color: #d2d2d2; - } -} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +html, +body { + margin: 0; + padding: 0; +} + +html { + font-family: $root-font-family; + font-size: $root-font-size; + line-height: $root-line-height; + + @media (min-width: $large-breakpoint) { + font-size: $large-font-size; + } +} + +body { + color: $text; + background-color: $bg; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + + + @media (prefers-color-scheme: light) { + color: $light-scheme-text; + background-color: $light-scheme-bg; + } + +} + +// No `:visited` state is required by default (browsers will use `a`) +a { + color: $color; + text-decoration: none; + + @media (prefers-color-scheme: light) { + color: $light-scheme-color; + } + + // `:focus` is linked to `:hover` for basic accessibility + &:hover, + &:focus { + text-decoration: none; + } + + strong { + color: inherit; + } +} + +img { + display: block; + max-width: 100%; + margin: 0 0 1rem; + border-radius: 5px; +} + +table { + margin-bottom: 1rem; + width: 100%; + font-size: 85%; + border: 1px solid #555555; + border-collapse: collapse; + + @media (prefers-color-scheme: light) { + border: 1px solid #D2D2D2; + } +} + +td, +th { + padding: .25rem .5rem; + border: 1px solid #555555; +} + +th { + text-align: left; +} + +tbody tr:nth-child(odd) td, +tbody tr:nth-child(odd) th { + background-color: #2d2d2d; + + @media (prefers-color-scheme: light) { + background-color: #d2d2d2; + } +}