Issue 5607 - Namespace content styles in website-defaults

scss/_reset.scss

Index: scss/_reset.scss
===================================================================
--- a/scss/_reset.scss
+++ b/scss/_reset.scss
@@ -129,8 +129,60 @@
 
 /* Share borders between adjacent cells (opinionated) */
 
 table
 {
   border-collapse: collapse;
   border-spacing: 0;
 }
+
+/* Normalize inline content (opinionated) */
+
+b,
+strong
+{
+  font-weight: $bold-weight;
+}
+
+small
+{
+  font-size: $small-font;
+}
+
+abbr
+{
+  text-decoration: underline;
+  cursor: help;
+}
+
+sup
+{
+  position: relative;
+  font-size: 75%;
+  vertical-align: super;
+}
+
+a,
+a:visited
+{
+  color: inherit;
+  /* Remove the gray background on active links in IE 10. */
+  background-color: transparent;
+  text-decoration: none;
+  /* Set default pointer regardless of href (opinionated) */
+  cursor: pointer;
+}
+
+a:hover,

[juliandoucette, 2017/09/11 15:54:34]

NIT: I'm not sure about this one. I think that we often style links without a
hover/active/focus underline outside of content areas.

[ire, 2017/09/12 07:47:06]

I'm not sure either, but I put it here because I think all links should have
some hover/active/focus state, regardless of where they are. Particularly if
it's not clear that it's a link since there is no underline initially.

[juliandoucette, 2017/09/12 11:08:57]

Acknowledged.

+a:active,
+a:focus
+{
+  text-decoration: underline;
+}
+
+img
+{
+  /* Make fixed width images responsive */
+  max-width: 100%;
+  /* Remove the border on images inside links in IE 10-. */
+  border-style: none;
+}