From 09019a8ecdccf61b52681dec3376a88509b4e6a3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Jun 2017 21:19:36 -0700 Subject: Set explicit text-align on element so we can use inherit to override the default text-align value --- scss/_reboot.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'scss') diff --git a/scss/_reboot.scss b/scss/_reboot.scss index 33fc2d660..2adedda60 100644 --- a/scss/_reboot.scss +++ b/scss/_reboot.scss @@ -48,6 +48,8 @@ article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, s // // 1. Remove the margin in all browsers. // 2. As a best practice, apply a default `background-color`. +// 3. Set an explicit initial text-align value so that we can later use the +// the `inherit` value on things like `` elements. body { margin: 0; // 1 @@ -56,6 +58,7 @@ body { font-weight: $font-weight-base; line-height: $line-height-base; color: $body-color; + text-align: left; // 3 background-color: $body-bg; // 2 } @@ -304,8 +307,9 @@ caption { } th { - // Matches default `` alignment - text-align: left; + // Matches default `` alignment by inheriting from the ``, or the + // closest parent with a set `text-align`. + text-align: inherit; } -- cgit v1.2.3