Issue #641734 by echoz, LewisNyman, davidtrainer, Cottser, falkendk,...

Issue #641734 by echoz, LewisNyman, davidtrainer, Cottser, falkendk, rteijeiro: Separate generic html elements' style into seven.base.css.

core/tests/Drupal/Tests/Core/Extension/ThemeHandlerTest.php

@@ -268,6 +268,7 @@ public function testRebuildThemeData() {
     // Ensure that the css paths are set with the proper prefix.
     $this->assertEquals(array(
       'screen' => array(
+        'seven.base.css' => DRUPAL_ROOT . '/core/themes/seven/seven.base.css',
         'style.css' => DRUPAL_ROOT . '/core/themes/seven/style.css',
         'css/components/buttons.css' => DRUPAL_ROOT . '/core/themes/seven/css/components/buttons.css',
         'css/components/buttons.theme.css' => DRUPAL_ROOT . '/core/themes/seven/css/components/buttons.theme.css',

core/themes/seven/seven.base.css

+/**
+ * Generic elements.
+ */
+body {
+  color: #000;
+  background: #fff;
+  font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
+}
+a,
+.link {
+  color: #0074bd;
+  text-decoration: none;
+}
+a:hover,
+.link:hover {
+  text-decoration: underline;
+}
+hr {
+  margin: 0;
+  padding: 0;
+  border: none;
+  height: 1px;
+  background: #cccccc;
+}
+summary,
+legend {
+  font-weight: bold;
+  text-transform: uppercase;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: bold;
+  margin: 10px 0;
+}
+h1 {
+  font-size: 1.538em;
+}
+h2 {
+  font-size: 1.385em;
+}
+h3 {
+  font-size: 1.231em;
+}
+h4 {
+  font-size: 1.154em;
+}
+h5,
+h6 {
+  font-size: 1.077em;
+}
+p {
+  margin: 1em 0;
+}
+dl {
+  margin: 0 0 20px;
+}
+dl dd,
+dl dl {
+  margin-left: 20px; /* LTR */
+  margin-bottom: 10px;
+}
+[dir="rtl"] dl dd,
+[dir="rtl"] dl dl {
+  margin-right: 20px;
+}
+blockquote {
+  margin: 1em 40px;
+}
+address {
+  font-style: italic;
+}
+u,
+ins {
+  text-decoration: underline;
+}
+s,
+strike,
+del {
+  text-decoration: line-through;
+}
+big {
+  font-size: larger;
+}
+small {
+  font-size: smaller;
+}
+sub {
+  vertical-align: sub;
+  font-size: smaller;
+  line-height: normal;
+}
+sup {
+  vertical-align: super;
+  font-size: smaller;
+  line-height: normal;
+}
+nobr {
+  white-space: nowrap;
+}
+abbr,
+acronym {
+  border-bottom: dotted 1px;
+}
+ul {
+  list-style-type: disc;
+  list-style-image: none;
+  margin: 0.25em 0 0.25em 1.5em; /* LTR */
+}
+[dir="rtl"] ul {
+  margin: 0.25em 1.5em 0.25em 0;
+}
+ol {
+  list-style-type: decimal;
+  margin: 0.25em 0 0.25em 2em; /* LTR */
+}
+[dir="rtl"] ol {
+  margin: 0.25em 2em 0.25em 0;
+}
+quote,
+code {
+  margin: .5em 0;
+}
+code,
+pre,
+kbd {
+  font-size: 1.231em;
+}
+pre {
+  margin: 0.5em 0;
+  white-space: pre-wrap;
+}

core/themes/seven/seven.info.yml

@@ -6,6 +6,7 @@ version: VERSION
 core: 8.x
 stylesheets:
   screen:
+    - seven.base.css
     - style.css
     - css/components/buttons.css
     - css/components/buttons.theme.css

core/themes/seven/style.css

 /**
- * Generic elements.
+ * Menus and lists.
  */
-body {
-  color: #000;
-  background: #fff;
-  font: normal 81.3%/1.538em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
-}
-a,
-.link {
-  color: #0074bd;
-  text-decoration: none;
-}
-a:hover,
-.link:hover {
-  text-decoration: underline;
-}
-hr {
-  margin: 0;
-  padding: 0;
-  border: none;
-  height: 1px;
-  background: #cccccc;
-}
-summary,
-legend {
-  font-weight: bold;
-  text-transform: uppercase;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-weight: bold;
-  margin: 10px 0;
-}
-h1 {
-  font-size: 1.538em;
-}
-h2 {
-  font-size: 1.385em;
-}
-h3 {
-  font-size: 1.231em;
-}
-h4 {
-  font-size: 1.154em;
-}
-h5,
-h6 {
-  font-size: 1.077em;
-}
-p {
-  margin: 1em 0;
-}
-dl {
-  margin: 0 0 20px;
-}
-dl dd,
-dl dl {
-  margin-left: 20px; /* LTR */
-  margin-bottom: 10px;
-}
-[dir="rtl"] dl dd,
-[dir="rtl"] dl dl {
-  margin-right: 20px;
-}
-blockquote {
-  margin: 1em 40px;
-}
-address {
-  font-style: italic;
-}
-u,
-ins {
-  text-decoration: underline;
-}
-s,
-strike,
-del {
-  text-decoration: line-through;
-}
-big {
-  font-size: larger;
-}
-small {
-  font-size: smaller;
-}
-sub {
-  vertical-align: sub;
-  font-size: smaller;
-  line-height: normal;
-}
-sup {
-  vertical-align: super;
-  font-size: smaller;
-  line-height: normal;
-}
-nobr {
-  white-space: nowrap;
-}
-abbr,
-acronym {
-  border-bottom: dotted 1px;
-}
-ul,
 .item-list ul {
   list-style-type: disc;
   list-style-image: none;
   margin: 0.25em 0 0.25em 1.5em; /* LTR */
 }
-[dir="rtl"] ul,
 [dir="rtl"] .item-list ul {
   margin: 0.25em 1.5em 0.25em 0;
 }
@@ -124,37 +18,16 @@ ul.menu li {
 ul.menu li {
   margin: 0;
 }
-ol {
-  list-style-type: decimal;
-  margin: 0.25em 0 0.25em 2em; /* LTR */
-}
-[dir="rtl"] ol {
-  margin: 0.25em 2em 0.25em 0;
-}
 .item-list ul li.collapsed,
 ul.menu li.collapsed {
-  list-style-image:url(../../misc/menu-collapsed.png);
-  list-style-type:disc;
+  list-style-image: url(../../misc/menu-collapsed.png);
+  list-style-type: disc;
 }
 .item-list ul li.expanded,
 ul.menu li.expanded {
-  list-style-image:url(../../misc/menu-expanded.png);
-  list-style-type:circle;
-}
-quote,
-code {
-  margin: .5em 0;
+  list-style-image: url(../../misc/menu-expanded.png);
+  list-style-type: circle;
 }
-code,
-pre,
-kbd {
-  font-size: 1.231em;
-}
-pre {
-  margin: 0.5em 0;
-  white-space: pre-wrap;
-}
-
 /**
  * Skip link.
  */
@@ -587,8 +460,6 @@ td {
 th > a {
   position: relative;
   display: block;
-  color: #0074bd;
-  text-decoration: none;
 }
 
 /* 1. Must match negative bottom padding of the parent <th> */
@@ -1717,4 +1588,3 @@ details.fieldset-no-legend {
 .page-admin-config-regional-language-detection .form-actions {
   margin-top: -2em;
 }
-