upgrades core to 8.4.2

core/themes/stable/css/block/block.admin.css

@@ -24,7 +24,7 @@ a.block-demo-backlink:visited {
   font-family: "Lucida Grande", Verdana, sans-serif;
   font-size: small;
   line-height: 20px;
-  left: 20px; /*LTR*/
+  left: 20px; /* LTR */
   padding: 5px 10px;
   position: fixed;
   z-index: 499;

core/themes/stable/css/ckeditor/ckeditor-iframe.css

@@ -16,7 +16,9 @@ body {
   }
 }
 
-ol, ul, dl {
+ol,
+ul,
+dl {
   /* Preserved spaces for list items with text direction other than the list.
    * (CKEditor issues #6249,#8049) */
   padding: 0 40px;

core/themes/stable/css/ckeditor/ckeditor.admin.css

@@ -6,8 +6,6 @@
  * "moono".
  */
 
-
-
 .ckeditor-toolbar {
   border: 1px solid #b6b6b6;
   padding: 0.1667em 0.1667em 0.08em;
@@ -119,7 +117,7 @@
   margin: 3px 6px;
   padding: 3px;
 }
-.ckeditor-toolbar-configuration .fieldset-description{
+.ckeditor-toolbar-configuration .fieldset-description {
   margin-bottom: 1em;
 }
 .ckeditor-toolbar-disabled .ckeditor-toolbar-available,

core/themes/stable/css/core/dropbutton/dropbutton.css

@@ -17,14 +17,14 @@
   position: relative;
 }
 
-@media screen and (max-width:600px) {
+@media screen and (max-width: 600px) {
   .js .dropbutton-wrapper {
     width: 100%;
   }
 }
 
 /* Splitbuttons */
-@media screen and (min-width:600px) {
+@media screen and (min-width: 600px) {
   .form-actions .dropbutton-wrapper {
     float: left; /* LTR */
   }

core/themes/stable/css/core/print.css

@@ -17,7 +17,7 @@ th {
 tr:nth-child(odd) {
   background-color: #ddd;
 }
-tr:nth-child(even){
+tr:nth-child(even) {
   background-color: #fff;
 }
 td {

core/themes/stable/css/core/vertical-tabs.css

@@ -8,8 +8,8 @@
   border: 1px solid #ccc;
 }
 [dir="rtl"] .vertical-tabs {
-   margin-left: 0;
-   margin-right: 15em;
+  margin-left: 0;
+  margin-right: 15em;
 }
 .vertical-tabs__menu {
   float: left; /* LTR */

core/themes/stable/css/file/file.admin.css

@@ -3,7 +3,7 @@
  * Admin stylesheet for file module.
  */
 
-/* File upload widget.*/
+/* File upload widget. */
 .form-managed-file .form-submit {
   margin: 0 0.5em;
 }

core/themes/stable/css/image/editors/image.theme.css

@@ -51,9 +51,9 @@
 }
 
 @keyframes quickedit-image-spin {
-  0% {transform: rotate(0deg);}
-  50% {transform: rotate(180deg);}
-  100% {transform: rotate(360deg);}
+  0% { transform: rotate(0deg); }
+  50% { transform: rotate(180deg); }
+  100% { transform: rotate(360deg); }
 }
 
 .quickedit-image-text {

core/themes/stable/css/quickedit/quickedit.theme.css

@@ -99,7 +99,7 @@
  * Toolbars.
  */
 .quickedit-toolbar-container {
-  font-family: 'Source Sans Pro','Lucida Grande', sans-serif;
+  font-family: 'Source Sans Pro', 'Lucida Grande', sans-serif;
   padding-bottom: 7px;
   padding-top: 7px;
   -webkit-transition: all 1s;
@@ -174,9 +174,9 @@
   padding: 0.1667em 0.2em;
 }
 
- /**
-  * Info toolgroup.
-  */
+/**
+ * Info toolgroup.
+ */
 .quickedit-toolbar-fullwidth {
   width: 100%;
 }

core/themes/stable/css/system/system.admin.css

@@ -211,7 +211,7 @@ small .admin-link:after {
   background-color: transparent;
 }
 [dir="rtl"] .system-status-report__status-title {
-    padding: 10px 40px 10px 6px;
+  padding: 10px 40px 10px 6px;
 }
 .system-status-report__status-icon:before {
   content: "";
@@ -223,7 +223,7 @@ small .admin-link:after {
   left: 12px; /* LTR */
   top: 12px;
 }
-[dir="rtl"] .system-status-report__status-icon:before  {
+[dir="rtl"] .system-status-report__status-icon:before {
   left: auto;
   right: 12px;
 }
@@ -394,3 +394,8 @@ small .admin-link:after {
 .cron-description__run-cron {
   display: block;
 }
+
+.system-cron-settings__link {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}

core/themes/stable/css/toolbar/toolbar.icons.theme.css

@@ -219,7 +219,6 @@
   background-color: #f5f5f5;
 }
 
-
 /**
  * Handle.
  */
@@ -280,8 +279,7 @@
   background-image: url(../../images/core/icons/bebebe/push-left.svg); /* LTR */
 }
 .toolbar .toolbar-toggle-orientation [value="vertical"]:hover:before,
-.toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before
- {
+.toolbar .toolbar-toggle-orientation [value="vertical"]:focus:before {
   background-image: url(../../images/core/icons/787878/push-left.svg); /* LTR */
 }
 [dir="rtl"] .toolbar .toolbar-toggle-orientation [value="vertical"]:before {

core/themes/stable/css/toolbar/toolbar.menu.css

@@ -13,11 +13,26 @@
   position: relative;
   width: auto;
 }
-.toolbar .toolbar-tray-horizontal .toolbar-menu .toolbar-handle,
-.toolbar .toolbar-tray-horizontal .toolbar-menu ul,
+
+/**
+ * Hidden vertical toolbar sub-menus by default.
+ */
 .toolbar .toolbar-tray-vertical .toolbar-menu ul {
   display: none;
 }
+
+/**
+ * Hidden horizontal toolbar handle icon.
+ */
+.toolbar .toolbar-tray-horizontal .toolbar-menu .toolbar-handle {
+  display: none;
+}
+/**
+ * Hidden toolbar sub-menus by default.
+ */
+.toolbar-tray-open .toolbar-menu .menu-item--expanded ul {
+  display: none;
+}
 .toolbar .toolbar-tray-vertical li.open > ul {
   display: block; /* Show the sub-menus */
 }

core/themes/stable/css/toolbar/toolbar.module.css

@@ -21,7 +21,9 @@
     display: none;
   }
 }
-
+.toolbar-loading #toolbar-administration {
+  overflow: hidden;
+}
 /**
  * Very specific overrides for Drupal system CSS.
  */
@@ -56,18 +58,44 @@
   position: relative;
   z-index: 1250;
 }
+.toolbar-horizontal .toolbar-tray {
+  position: fixed;
+  width: 100%;
+  left: 0;
+}
 /* Position the admin toolbar absolutely when the configured standard breakpoint
  * is active. The toolbar container, that contains the bar and the trays, is
  * position absolutely so that it scrolls with the page. Otherwise, on smaller
  * screens, the components of the admin toolbar are positioned statically. */
-body.toolbar-fixed .toolbar-oriented,
-.toolbar-oriented .toolbar-bar,
-.toolbar-oriented .toolbar-tray {
+.toolbar-oriented .toolbar-bar {
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
 }
+.toolbar-oriented .toolbar-tray {
+  left: 0;
+  position: absolute;
+  right: 0;
+}
+/* .toolbar-loading is required by Toolbar JavaScript to pre-render markup
+ * style to avoid extra reflow & flicker. */
+@media (min-width: 61em) {
+  .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray {
+    position: relative;
+    display: block;
+    z-index: -999;
+    visibility: hidden;
+    width: 1px;
+  }
+  .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .toolbar-tab:last-child .toolbar-tray .toolbar-lining {
+    width: 999em;
+  }
+  .toolbar-loading.toolbar-horizontal .toolbar .toolbar-bar .home-toolbar-tab + .toolbar-tab .toolbar-tray {
+    display: block;
+  }
+}
+
 /* Layer the bar just above the trays and above contextual link triggers. */
 .toolbar-oriented .toolbar-bar {
   z-index: 502;
@@ -85,13 +113,16 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
   width: 240px;
   width: 15rem;
 }
+
 /* Present the admin toolbar tabs horizontally as a default on user agents that
  * do not understand media queries or on user agents where JavaScript is
  * disabled. */
+.toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,
 .toolbar .toolbar-bar .toolbar-tab,
 .toolbar .toolbar-tray-horizontal li {
   float: left; /* LTR */
 }
+[dir="rtl"] .toolbar-loading.toolbar-horizontal .toolbar .toolbar-tray .toolbar-menu > li,
 [dir="rtl"] .toolbar .toolbar-bar .toolbar-tab,
 [dir="rtl"] .toolbar .toolbar-tray-horizontal li {
   float: right;
@@ -111,7 +142,7 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
 /* This min-width media query is meant to provide basic horizontal layout to
  * the main menu tabs when JavaScript is disabled on user agents that understand
  * media queries. */
-@media (min-width:16.5em) {
+@media (min-width: 16.5em) {
   .toolbar .toolbar-bar .toolbar-tab,
   .toolbar .toolbar-tray-horizontal li {
     float: left; /* LTR */
@@ -171,7 +202,7 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
   right: 0;
 }
 /* Layer the links just above the toolbar-tray. */
-.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon{
+.toolbar .toolbar-bar .toolbar-tab > .toolbar-icon {
   position: relative;
   z-index: 502;
 }
@@ -179,15 +210,10 @@ body.toolbar-tray-open.toolbar-fixed.toolbar-vertical .toolbar-oriented {
 .toolbar-oriented .toolbar-tray-horizontal .menu-item ul {
   display: none;
 }
-/* When the configured standard breakpoint is active and the tray is in a
- * horizontal position, the tray is fixed to the top of the viewport and does
- * not scroll with the page contents. */
-body.toolbar-fixed .toolbar .toolbar-tray-horizontal {
-  position: fixed;
-}
 /* When the configured standard breakpoint is active and the tray is in a
  * vertical position, the tray does not scroll with the page. The contents of
- * the tray scroll within the confines of the viewport. */
+ * the tray scroll within the confines of the viewport.
+ */
 .toolbar .toolbar-tray-vertical.is-active,
 body.toolbar-fixed .toolbar .toolbar-tray-vertical {
   height: 100%;
@@ -258,3 +284,13 @@ body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
 [dir="rtl"] .toolbar-oriented .toolbar-tray-vertical .toolbar-toggle-orientation {
   float: left;
 }
+
+/**
+ * Toolbar home button toggle.
+ */
+.toolbar .toolbar-bar .home-toolbar-tab {
+  display: none;
+}
+.path-admin .toolbar-bar .home-toolbar-tab {
+  display: block;
+}

core/themes/stable/css/toolbar/toolbar.theme.css

@@ -20,7 +20,8 @@
   line-height: 1em;
   text-decoration: none;
 }
-.toolbar .toolbar-item:hover, .toolbar .toolbar-item:focus {
+.toolbar .toolbar-item:hover,
+.toolbar .toolbar-item:focus {
   text-decoration: underline;
 }
 
@@ -57,10 +58,10 @@
 .toolbar .toolbar-tray {
   background-color: #ffffff;
 }
-.toolbar .toolbar-tray-horizontal > .toolbar-lining {
+.toolbar-horizontal .toolbar-tray > .toolbar-lining {
   padding-right: 5em; /* LTR */
 }
-[dir="rtl"] .toolbar .toolbar-tray-horizontal > .toolbar-lining {
+[dir="rtl"] .toolbar-horizontal .toolbar-tray > .toolbar-lining {
   padding-right: 0;
   padding-left: 5em;
 }
@@ -74,11 +75,11 @@
   border-right: 0 none;
   box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.3333);
 }
-.toolbar .toolbar-tray-horizontal {
+.toolbar-horizontal .toolbar-tray {
   border-bottom: 1px solid #aaaaaa;
   box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.3333); /* LTR */
 }
-[dir="rtl"] .toolbar .toolbar-tray-horizontal {
+[dir="rtl"] .toolbar-horizontal .toolbar-tray {
   box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.3333);
 }
 .toolbar .toolbar-tray-horizontal .toolbar-tray {
@@ -93,25 +94,24 @@
 .toolbar-tray a:hover,
 .toolbar-tray a:active,
 .toolbar-tray a:focus,
-.toolbar-tray a.is-active
- {
+.toolbar-tray a.is-active {
   color: #000;
   text-decoration: underline;
 }
 .toolbar .toolbar-menu {
   background-color: #ffffff;
 }
-.toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
+.toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
   border-left: 1px solid #dddddd; /* LTR */
 }
-[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item + .menu-item {
-  border-left: 0 none ;
+[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item + .menu-item {
+  border-left: 0 none;
   border-right: 1px solid #dddddd;
 }
-.toolbar .toolbar-tray-horizontal .menu-item:last-child {
+.toolbar-horizontal .toolbar-tray .menu-item:last-child {
   border-right: 1px solid #dddddd; /* LTR */
 }
-[dir="rtl"] .toolbar .toolbar-tray-horizontal .menu-item:last-child {
+[dir="rtl"] .toolbar-horizontal .toolbar-tray .menu-item:last-child {
   border-left: 1px solid #dddddd;
 }
 .toolbar .toolbar-tray-vertical .menu-item + .menu-item {
@@ -149,10 +149,10 @@
   padding: 0;
   height: 100%;
 }
-.toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
+.toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
   border-left: 1px solid #c9c9c9; /* LTR */
 }
-[dir="rtl"] .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
+[dir="rtl"] .toolbar-horizontal .toolbar-tray .toolbar-toggle-orientation {
   border-left: 0 none;
   border-right: 1px solid #c9c9c9;
 }

core/themes/stable/css/views_ui/views_ui.admin.css

@@ -147,7 +147,7 @@
   margin-bottom: 2em;
 }
 
-@media screen and (min-width:45em) { /* 720px */
+@media screen and (min-width: 45em) { /* 720px */
   .views-display-columns > * {
     float: left; /* LTR */
     margin-left: 2%; /* LTR */

core/themes/stable/css/views_ui/views_ui.admin.theme.css

@@ -158,7 +158,7 @@ details.box-padding {
 
 /* Hide 'remove' checkboxes. */
 .views-remove-checkbox {
-    display: none;
+  display: none;
 }
 
 /* sizes the labels of checkboxes and radio button to the height of the text */
@@ -345,7 +345,7 @@ td.group-title {
   padding: 0;
   width: auto;
 }
-.views-displays .tabs li.add ul.action-list li{
+.views-displays .tabs li.add ul.action-list li {
   margin: 0;
 }
 .views-displays .tabs.secondary li {
@@ -402,7 +402,7 @@ td.group-title {
   color: #0074bd;
   background-color: #f1f1f1;
 }
-.views-displays .tabs .action-list  li {
+.views-displays .tabs .action-list li {
   background-color: #f1f1f1;
   border-color: #cbcbcb;
   border-style: solid;
@@ -412,10 +412,10 @@ td.group-title {
 .views-displays .tabs .action-list li:first-child {
   border-width: 1px 1px 0;
 }
-.views-displays .action-list  li:last-child {
+.views-displays .action-list li:last-child {
   border-width: 0 1px 1px;
 }
-.views-displays .tabs .action-list  li:last-child {
+.views-displays .tabs .action-list li:last-child {
   border-width: 0 1px 1px;
 }
 .views-displays .tabs .action-list input.form-submit {
@@ -483,7 +483,7 @@ td.group-title {
 .view-preview-form .form-actions {
   vertical-align: top;
 }
-@media screen and (min-width:45em) { /* 720px */
+@media screen and (min-width: 45em) { /* 720px */
   .view-preview-form .form-type-textfield .description {
     white-space: nowrap;
   }

core/themes/stable/stable.info.yml

@@ -247,8 +247,8 @@ libraries-override:
         css/views_ui.admin.theme.css: css/views_ui/views_ui.admin.theme.css
         css/views_ui.contextual.css: css/views_ui/views_ui.contextual.css
 
-# Information added by Drupal.org packaging script on 2017-08-16
-version: '8.3.7'
+# Information added by Drupal.org packaging script on 2017-11-03
+version: '8.4.2'
 core: '8.x'
 project: 'drupal'
-datestamp: 1502903957
+datestamp: 1509719929

core/themes/stable/templates/content/media.html.twig

@@ -0,0 +1,19 @@
+{#
+/**
+ * @file
+ * Theme override to display a media item.
+ *
+ * Available variables:
+ * - name: Name of the media.
+ * - content: Media content.
+ *
+ * @see template_preprocess_media()
+ *
+ * @ingroup themeable
+ */
+#}
+<article{{ attributes }}>
+  {% if content %}
+    {{ content }}
+  {% endif %}
+</article>

core/themes/stable/templates/layout/layout--onecol.html.twig

@@ -0,0 +1,25 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a one-column layout.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'layout',
+    'layout--onecol',
+  ]
+%}
+{% if content %}
+  <div{{ attributes.addClass(classes) }}>
+    <div {{ region_attributes.content.addClass('layout__region', 'layout__region--content') }}>
+      {{ content.content }}
+    </div>
+  </div>
+{% endif %}

core/themes/stable/templates/layout/layout--threecol-25-50-25.html.twig

@@ -0,0 +1,54 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a three column layout.
+ *
+ * This template provides a three column 25%-50%-25% display layout, with
+ * additional areas for the top and the bottom.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'layout',
+    'layout--threecol-25-50-25',
+  ]
+%}
+{% if content %}
+  <div{{ attributes.addClass(classes) }}>
+    {% if content.top %}
+      <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
+        {{ content.top }}
+      </div>
+    {% endif %}
+
+    {% if content.first %}
+      <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
+        {{ content.first }}
+      </div>
+    {% endif %}
+
+    {% if content.second %}
+      <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
+        {{ content.second }}
+      </div>
+    {% endif %}
+
+    {% if content.third %}
+      <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
+        {{ content.third }}
+      </div>
+    {% endif %}
+
+    {% if content.bottom %}
+      <div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
+        {{ content.bottom }}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}

core/themes/stable/templates/layout/layout--threecol-33-34-33.html.twig

@@ -0,0 +1,54 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a three column layout.
+ *
+ * This template provides a three column 33%-34%-33% display layout, with
+ * additional areas for the top and the bottom.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'layout',
+    'layout--threecol-33-34-33',
+  ]
+%}
+{% if content %}
+  <div{{ attributes.addClass(classes) }}>
+    {% if content.top %}
+      <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
+        {{ content.top }}
+      </div>
+    {% endif %}
+
+    {% if content.first %}
+      <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
+        {{ content.first }}
+      </div>
+    {% endif %}
+
+    {% if content.second %}
+      <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
+        {{ content.second }}
+      </div>
+    {% endif %}
+
+    {% if content.third %}
+      <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
+        {{ content.third }}
+      </div>
+    {% endif %}
+
+    {% if content.bottom %}
+      <div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
+        {{ content.bottom }}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}

core/themes/stable/templates/layout/layout--twocol-bricks.html.twig

@@ -0,0 +1,66 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a two column layout.
+ *
+ * This template provides a two column display layout with full width areas at
+ * the top, bottom and in the middle.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'layout',
+    'layout--twocol-bricks',
+  ]
+%}
+{% if content %}
+  <div{{ attributes.addClass(classes) }}>
+    {% if content.top %}
+      <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
+        {{ content.top }}
+      </div>
+    {% endif %}
+
+    {% if content.first_above %}
+      <div {{ region_attributes.first_above.addClass('layout__region', 'layout__region--first-above') }}>
+        {{ content.first_above }}
+      </div>
+    {% endif %}
+
+    {% if content.second_above %}
+      <div {{ region_attributes.second_above.addClass('layout__region', 'layout__region--second-above') }}>
+        {{ content.second_above }}
+      </div>
+    {% endif %}
+
+    {% if content.middle %}
+      <div {{ region_attributes.middle.addClass('layout__region', 'layout__region--middle') }}>
+        {{ content.middle }}
+      </div>
+    {% endif %}
+
+    {% if content.first_below %}
+      <div {{ region_attributes.first_below.addClass('layout__region', 'layout__region--first-below') }}>
+        {{ content.first_below }}
+      </div>
+    {% endif %}
+
+    {% if content.second_below %}
+      <div {{ region_attributes.second_below.addClass('layout__region', 'layout__region--second-below') }}>
+        {{ content.second_below }}
+      </div>
+    {% endif %}
+
+    {% if content.bottom %}
+      <div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
+        {{ content.bottom }}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}

core/themes/stable/templates/layout/layout--twocol.html.twig

@@ -0,0 +1,45 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a two-column layout.
+ *
+ * Available variables:
+ * - content: The content for this layout.
+ * - attributes: HTML attributes for the layout <div>.
+ *
+ * @ingroup themeable
+ */
+#}
+{%
+  set classes = [
+    'layout',
+    'layout--twocol',
+  ]
+%}
+{% if content %}
+  <div{{ attributes.addClass(classes) }}>
+    {% if content.top %}
+      <div {{ region_attributes.top.addClass('layout__region', 'layout__region--top') }}>
+        {{ content.top }}
+      </div>
+    {% endif %}
+
+    {% if content.first %}
+      <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
+        {{ content.first }}
+      </div>
+    {% endif %}
+
+    {% if content.second %}
+      <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
+        {{ content.second }}
+      </div>
+    {% endif %}
+
+    {% if content.bottom %}
+      <div {{ region_attributes.bottom.addClass('layout__region', 'layout__region--bottom') }}>
+        {{ content.bottom }}
+      </div>
+    {% endif %}
+  </div>
+{% endif %}

core/themes/stable/templates/layout/layout.html.twig

@@ -0,0 +1,23 @@
+{#
+/**
+ * @file
+ * Template for a generic layout.
+ */
+#}
+{%
+  set classes = [
+    'layout',
+    'layout--' ~ layout.id|clean_class,
+  ]
+%}
+{% if content %}
+  <div{{ attributes.addClass(classes) }}>
+    {% for region in layout.getRegionNames %}
+      {% if content[region] %}
+        <div {{ region_attributes[region].addClass('layout__region', 'layout__region--' ~ region|clean_class) }}>
+          {{ content[region] }}
+        </div>
+      {% endif %}
+    {% endfor %}
+  </div>
+{% endif %}