diff --git a/core/copy-system-classy-2349759-10.patch b/core/copy-system-classy-2349759-10.patch
new file mode 100644
index 0000000..d9f757f
--- /dev/null
+++ b/core/copy-system-classy-2349759-10.patch
@@ -0,0 +1,419 @@
+diff --git a/core/modules/system/templates/system-admin-index.html.twig b/core/modules/system/templates/system-admin-index.html.twig
+index 17f8150..881700f 100644
+--- a/core/modules/system/templates/system-admin-index.html.twig
++++ b/core/modules/system/templates/system-admin-index.html.twig
+@@ -15,10 +15,10 @@
+  * @ingroup themeable
+  */
+ #}
+-<div class="admin clearfix">
++<div>
+   {{ system_compact_link }}
+   {% for position, blocks in containers %}
+-    <div class="{{ position }} clearfix">
++    <div>
+       {% for block in blocks %}
+         {{ block }}
+       {% endfor %}
+diff --git a/core/modules/system/templates/system-themes-page.html.twig b/core/modules/system/templates/system-themes-page.html.twig
+index 6e65d76..41155cd 100644
+--- a/core/modules/system/templates/system-themes-page.html.twig
++++ b/core/modules/system/templates/system-themes-page.html.twig
+@@ -40,7 +40,7 @@
+       ]
+     %}
+     <div{{ theme_group.attributes.addClass(theme_group_classes) }}>
+-      <h2 class="system-themes-list__header">{{ theme_group.title }}</h2>
++      <h2>{{ theme_group.title }}</h2>
+       {% for theme in theme_group.themes %}
+         {%
+           set theme_classes = [
+@@ -50,21 +50,21 @@
+             'clearfix',
+           ]
+         %}
+-        <div{{ theme.attributes.addClass(theme_classes) }}>
++        <div{{ theme.attributes }}>
+           {% if theme.screenshot %}
+             {{ theme.screenshot }}
+           {% endif %}
+-          <div class="theme-info">
+-            <h3 class="theme-info__header">
++          <div>
++            <h3>
+               {{- theme.name }} {{ theme.version -}}
+               {% if theme.notes %}
+                 ({{ theme.notes|safe_join(', ') }})
+               {%- endif -%}
+             </h3>
+-            <div class="theme-info__description">{{ theme.description }}</div>
++            <div>{{ theme.description }}</div>
+             {# Display operation links if the theme is compatible. #}
+             {% if theme.incompatible %}
+-              <div class="incompatible">{{ theme.incompatible }}</div>
++              <div>{{ theme.incompatible }}</div>
+             {% else %}
+               {{ theme.operations }}
+             {% endif %}
+diff --git a/core/modules/system/templates/table.html.twig b/core/modules/system/templates/table.html.twig
+index 3d0252e..c776c8f 100644
+--- a/core/modules/system/templates/table.html.twig
++++ b/core/modules/system/templates/table.html.twig
+@@ -67,7 +67,7 @@
+               cell.active_table_sort ? 'active',
+             ]
+           %}
+-          <{{ cell.tag }}{{ cell.attributes.addClass(cell_classes) }}>
++          <{{ cell.tag }}{{ cell.attributes }}>
+             {{- cell.content -}}
+           </{{ cell.tag }}>
+         {% endfor %}
+@@ -83,7 +83,7 @@
+             not no_striping ? cycle(['odd', 'even'], loop.index0),
+           ]
+         %}
+-        <tr{{ row.attributes.addClass(row_classes) }}>
++        <tr{{ row.attributes }}>
+           {% for cell in row.cells %}
+             <{{ cell.tag }}{{ cell.attributes }}>
+               {{- cell.content -}}
+@@ -94,8 +94,8 @@
+     </tbody>
+   {% elseif empty %}
+     <tbody>
+-      <tr class="odd">
+-        <td colspan="{{ header_columns }}" class="empty message">{{ empty }}</td>
++      <tr>
++        <td colspan="{{ header_columns }}">{{ empty }}</td>
+       </tr>
+     </tbody>
+   {% endif %}
+diff --git a/core/modules/system/templates/textarea.html.twig b/core/modules/system/templates/textarea.html.twig
+index 8a8426d..287c8d4 100644
+--- a/core/modules/system/templates/textarea.html.twig
++++ b/core/modules/system/templates/textarea.html.twig
+@@ -22,6 +22,6 @@
+     required ? 'required',
+   ]
+ %}
+-<div{{ wrapper_attributes.addClass('form-textarea-wrapper') }}>
+-  <textarea{{ attributes.addClass(classes) }}>{{ value }}</textarea>
++<div{{ wrapper_attributes }}>
++  <textarea{{ attributes }}>{{ value }}</textarea>
+ </div>
+diff --git a/core/themes/classy/templates/system-admin-index.html.twig b/core/themes/classy/templates/system-admin-index.html.twig
+new file mode 100644
+index 0000000..17f8150
+--- /dev/null
++++ b/core/themes/classy/templates/system-admin-index.html.twig
+@@ -0,0 +1,27 @@
++{#
++/**
++ * @file
++ * Default theme implementation for the admin index page.
++ *
++ * Available variables:
++ * - system_compact_link: Themed link to toggle compact view.
++ * - containers: A list of administrative containers keyed by position: left or
++ *   right. Each container in the list contains:
++ *   - blocks: A list of administrative blocks, rendered
++ *     through admin-block.html.twig.
++ *
++ * @see template_preprocess_system_admin_index()
++ *
++ * @ingroup themeable
++ */
++#}
++<div class="admin clearfix">
++  {{ system_compact_link }}
++  {% for position, blocks in containers %}
++    <div class="{{ position }} clearfix">
++      {% for block in blocks %}
++        {{ block }}
++      {% endfor %}
++    </div>
++  {% endfor %}
++</div>
+diff --git a/core/themes/classy/templates/system-config-form.html.twig b/core/themes/classy/templates/system-config-form.html.twig
+new file mode 100644
+index 0000000..51e6fc7
+--- /dev/null
++++ b/core/themes/classy/templates/system-config-form.html.twig
+@@ -0,0 +1,17 @@
++{#
++/**
++ * @file
++ * Default theme implementation for a system settings form.
++ *
++ * This template will be used when a system config form specifies 'config_form'
++ * as its #theme callback.  Otherwise, by default, system config forms will be
++ * themed by theme_form(). This does not alter the appearance of a form at all,
++ * but is provided as a convenience for themers.
++ *
++ * Available variables:
++ * - form: The confirm form.
++ *
++ * @ingroup themeable
++ */
++#}
++{{ form }}
+diff --git a/core/themes/classy/templates/system-themes-page.html.twig b/core/themes/classy/templates/system-themes-page.html.twig
+new file mode 100644
+index 0000000..6e65d76
+--- /dev/null
++++ b/core/themes/classy/templates/system-themes-page.html.twig
+@@ -0,0 +1,76 @@
++{#
++/**
++ * @file
++ * Default theme implementation for the Appearance page.
++ *
++ * Available variables:
++ * - attributes: HTML attributes for the main container.
++ * - theme_groups: A list of theme groups. Each theme group contains:
++ *   - attributes: HTML attributes specific to this theme group.
++ *   - title: Title for the theme group.
++ *   - state: State of the theme group, e.g. installed or uninstalled.
++ *   - themes: A list of themes within the theme group. Each theme contains:
++ *     - attributes: HTML attributes specific to this theme.
++ *     - screenshot: A screenshot representing the theme.
++ *     - description: Description of the theme.
++ *     - name: Theme name.
++ *     - version: The theme's version number.
++ *     - is_default: Boolean indicating whether the theme is the default theme
++ *       or not.
++ *     - is_admin: Boolean indicating whether the theme is the admin theme or
++ *       not.
++ *     - notes: Identifies what context this theme is being used in, e.g.,
++ *       default theme, admin theme.
++ *     - incompatible: Text describing any compatibility issues.
++ *     - operations: A list of operation links, e.g., Settings, Enable, Disable,
++ *       etc. these links should only be displayed if the theme is compatible.
++ *
++ * @see template_preprocess_system_themes_page()
++ *
++ * @ingroup themeable
++ */
++#}
++<div{{ attributes }}>
++  {% for theme_group in theme_groups %}
++    {%
++      set theme_group_classes = [
++        'system-themes-list',
++        'system-themes-list-' ~ theme_group.state,
++        'clearfix',
++      ]
++    %}
++    <div{{ theme_group.attributes.addClass(theme_group_classes) }}>
++      <h2 class="system-themes-list__header">{{ theme_group.title }}</h2>
++      {% for theme in theme_group.themes %}
++        {%
++          set theme_classes = [
++            theme.is_default ? 'theme-default',
++            theme.is_admin ? 'theme-admin',
++            'theme-selector',
++            'clearfix',
++          ]
++        %}
++        <div{{ theme.attributes.addClass(theme_classes) }}>
++          {% if theme.screenshot %}
++            {{ theme.screenshot }}
++          {% endif %}
++          <div class="theme-info">
++            <h3 class="theme-info__header">
++              {{- theme.name }} {{ theme.version -}}
++              {% if theme.notes %}
++                ({{ theme.notes|safe_join(', ') }})
++              {%- endif -%}
++            </h3>
++            <div class="theme-info__description">{{ theme.description }}</div>
++            {# Display operation links if the theme is compatible. #}
++            {% if theme.incompatible %}
++              <div class="incompatible">{{ theme.incompatible }}</div>
++            {% else %}
++              {{ theme.operations }}
++            {% endif %}
++          </div>
++        </div>
++      {% endfor %}
++    </div>
++  {% endfor %}
++</div>
+diff --git a/core/themes/classy/templates/table.html.twig b/core/themes/classy/templates/table.html.twig
+new file mode 100644
+index 0000000..3d0252e
+--- /dev/null
++++ b/core/themes/classy/templates/table.html.twig
+@@ -0,0 +1,115 @@
++{#
++/**
++ * @file
++ * Default theme implementation to display a table.
++ *
++ * Available variables:
++ * - attributes: HTML attributes to apply to the <table> tag.
++ * - caption: A localized string for the <caption> tag.
++ * - colgroups: Column groups. Each group contains the following properties:
++ *   - attributes: HTML attributes to apply to the <col> tag.
++ *     Note: Drupal currently supports only one table header row, see
++ *     http://drupal.org/node/893530 and
++ *     http://api.drupal.org/api/drupal/includes!theme.inc/function/theme_table/7#comment-5109.
++ * - header: Table header cells. Each cell contains the following properties:
++ *   - tag: The HTML tag name to use; either TH or TD.
++ *   - attributes: HTML attributes to apply to the tag.
++ *   - content: A localized string for the title of the column.
++ *   - field: Field name (required for column sorting).
++ *   - sort: Default sort order for this column ("asc" or "desc").
++ * - sticky: A flag indicating whether to use a "sticky" table header.
++ * - rows: Table rows. Each row contains the following properties:
++ *   - attributes: HTML attributes to apply to the <tr> tag.
++ *   - data: Table cells.
++ *   - no_striping: A flag indicating that the row should receive no
++ *     'even / odd' styling. Defaults to FALSE.
++ *   - cells: Table cells of the row. Each cell contains the following keys:
++ *     - tag: The HTML tag name to use; either TH or TD.
++ *     - attributes: Any HTML attributes, such as "colspan", to apply to the
++ *       table cell.
++ *     - content: The string to display in the table cell.
++ *     - active_table_sort: A boolean indicating whether the cell is the active
++         table sort.
++ * - footer: Table footer rows, in the same format as the rows variable.
++ * - empty: The message to display in an extra row if table does not have
++ *   any rows.
++ * - no_striping: A boolean indicating that the row should receive no striping.
++ * - header_columns: The number of columns in the header.
++ *
++ * @see template_preprocess_table()
++ *
++ * @ingroup themeable
++ */
++#}
++<table{{ attributes }}>
++  {% if caption %}
++    <caption>{{ caption }}</caption>
++  {% endif %}
++
++  {% for colgroup in colgroups %}
++    {% if colgroup.cols %}
++      <colgroup{{ colgroup.attributes }}>
++        {% for col in colgroup.cols %}
++          <col{{ col.attributes }} />
++        {% endfor %}
++      </colgroup>
++    {% else %}
++      <colgroup{{ colgroup.attributes }} />
++    {% endif %}
++  {% endfor %}
++
++  {% if header %}
++    <thead>
++      <tr>
++        {% for cell in header %}
++          {%
++            set cell_classes = [
++              cell.active_table_sort ? 'active',
++            ]
++          %}
++          <{{ cell.tag }}{{ cell.attributes.addClass(cell_classes) }}>
++            {{- cell.content -}}
++          </{{ cell.tag }}>
++        {% endfor %}
++      </tr>
++    </thead>
++  {% endif %}
++
++  {% if rows %}
++    <tbody>
++      {% for row in rows %}
++        {%
++          set row_classes = [
++            not no_striping ? cycle(['odd', 'even'], loop.index0),
++          ]
++        %}
++        <tr{{ row.attributes.addClass(row_classes) }}>
++          {% for cell in row.cells %}
++            <{{ cell.tag }}{{ cell.attributes }}>
++              {{- cell.content -}}
++            </{{ cell.tag }}>
++          {% endfor %}
++        </tr>
++      {% endfor %}
++    </tbody>
++  {% elseif empty %}
++    <tbody>
++      <tr class="odd">
++        <td colspan="{{ header_columns }}" class="empty message">{{ empty }}</td>
++      </tr>
++    </tbody>
++  {% endif %}
++  {% if footer %}
++    <tfoot>
++      {% for row in footer %}
++        <tr{{ row.attributes }}>
++          {% for cell in row.cells %}
++            <{{ cell.tag }}{{ cell.attributes }}>
++              {{- cell.content -}}
++            </{{ cell.tag }}>
++          {% endfor %}
++        </tr>
++      {% endfor %}
++    </tfoot>
++  {% endif %}
++</table>
+diff --git a/core/themes/classy/templates/tablesort-indicator.html.twig b/core/themes/classy/templates/tablesort-indicator.html.twig
+new file mode 100644
+index 0000000..059805f
+--- /dev/null
++++ b/core/themes/classy/templates/tablesort-indicator.html.twig
+@@ -0,0 +1,18 @@
++{#
++/**
++ * @file
++ * Default theme implementation for displaying a tablesort indicator.
++ *
++ * Available variables:
++ * - style: Either 'asc' or 'desc', indicating the sorting direction.
++ *
++ * @see template_preprocess_tablesort_indicator()
++ *
++ * @ingroup themeable
++ */
++#}
++{% if style == 'asc' -%}
++  <img src="{{ arrow_asc }}" width="13" height="13" alt="{{ 'sort ascending'|t }}" title="{{ 'sort ascending'|t }}" />
++{% else -%}
++  <img src="{{ arrow_desc }}" width="13" height="13" alt="{{ 'sort descending'|t }}" title="{{ 'sort descending'|t }}" />
++{% endif %}
+diff --git a/core/themes/classy/templates/textarea.html.twig b/core/themes/classy/templates/textarea.html.twig
+new file mode 100644
+index 0000000..8a8426d
+--- /dev/null
++++ b/core/themes/classy/templates/textarea.html.twig
+@@ -0,0 +1,27 @@
++{#
++/**
++ * @file
++ * Default theme implementation for a 'textarea' #type form element.
++ *
++ * Available variables
++ * - wrapper_attributes: A list of HTML attributes for the wrapper element.
++ * - attributes: A list of HTML attributes for the textarea element.
++ * - resizable: An indicator for whether the textarea is resizable.
++ * - required: An indicator for whether the textarea is required.
++ * - value: The textarea content.
++ *
++ * @see template_preprocess_textarea()
++ *
++ * @ingroup themeable
++ */
++#}
++{%
++  set classes = [
++    'form-textarea',
++    resizable ? 'resize-' ~ resizable,
++    required ? 'required',
++  ]
++%}
++<div{{ wrapper_attributes.addClass('form-textarea-wrapper') }}>
++  <textarea{{ attributes.addClass(classes) }}>{{ value }}</textarea>
++</div>
diff --git a/core/copy-system-classy-2349759-11.patch b/core/copy-system-classy-2349759-11.patch
new file mode 100644
index 0000000..d9f757f
--- /dev/null
+++ b/core/copy-system-classy-2349759-11.patch
@@ -0,0 +1,419 @@
+diff --git a/core/modules/system/templates/system-admin-index.html.twig b/core/modules/system/templates/system-admin-index.html.twig
+index 17f8150..881700f 100644
+--- a/core/modules/system/templates/system-admin-index.html.twig
++++ b/core/modules/system/templates/system-admin-index.html.twig
+@@ -15,10 +15,10 @@
+  * @ingroup themeable
+  */
+ #}
+-<div class="admin clearfix">
++<div>
+   {{ system_compact_link }}
+   {% for position, blocks in containers %}
+-    <div class="{{ position }} clearfix">
++    <div>
+       {% for block in blocks %}
+         {{ block }}
+       {% endfor %}
+diff --git a/core/modules/system/templates/system-themes-page.html.twig b/core/modules/system/templates/system-themes-page.html.twig
+index 6e65d76..41155cd 100644
+--- a/core/modules/system/templates/system-themes-page.html.twig
++++ b/core/modules/system/templates/system-themes-page.html.twig
+@@ -40,7 +40,7 @@
+       ]
+     %}
+     <div{{ theme_group.attributes.addClass(theme_group_classes) }}>
+-      <h2 class="system-themes-list__header">{{ theme_group.title }}</h2>
++      <h2>{{ theme_group.title }}</h2>
+       {% for theme in theme_group.themes %}
+         {%
+           set theme_classes = [
+@@ -50,21 +50,21 @@
+             'clearfix',
+           ]
+         %}
+-        <div{{ theme.attributes.addClass(theme_classes) }}>
++        <div{{ theme.attributes }}>
+           {% if theme.screenshot %}
+             {{ theme.screenshot }}
+           {% endif %}
+-          <div class="theme-info">
+-            <h3 class="theme-info__header">
++          <div>
++            <h3>
+               {{- theme.name }} {{ theme.version -}}
+               {% if theme.notes %}
+                 ({{ theme.notes|safe_join(', ') }})
+               {%- endif -%}
+             </h3>
+-            <div class="theme-info__description">{{ theme.description }}</div>
++            <div>{{ theme.description }}</div>
+             {# Display operation links if the theme is compatible. #}
+             {% if theme.incompatible %}
+-              <div class="incompatible">{{ theme.incompatible }}</div>
++              <div>{{ theme.incompatible }}</div>
+             {% else %}
+               {{ theme.operations }}
+             {% endif %}
+diff --git a/core/modules/system/templates/table.html.twig b/core/modules/system/templates/table.html.twig
+index 3d0252e..c776c8f 100644
+--- a/core/modules/system/templates/table.html.twig
++++ b/core/modules/system/templates/table.html.twig
+@@ -67,7 +67,7 @@
+               cell.active_table_sort ? 'active',
+             ]
+           %}
+-          <{{ cell.tag }}{{ cell.attributes.addClass(cell_classes) }}>
++          <{{ cell.tag }}{{ cell.attributes }}>
+             {{- cell.content -}}
+           </{{ cell.tag }}>
+         {% endfor %}
+@@ -83,7 +83,7 @@
+             not no_striping ? cycle(['odd', 'even'], loop.index0),
+           ]
+         %}
+-        <tr{{ row.attributes.addClass(row_classes) }}>
++        <tr{{ row.attributes }}>
+           {% for cell in row.cells %}
+             <{{ cell.tag }}{{ cell.attributes }}>
+               {{- cell.content -}}
+@@ -94,8 +94,8 @@
+     </tbody>
+   {% elseif empty %}
+     <tbody>
+-      <tr class="odd">
+-        <td colspan="{{ header_columns }}" class="empty message">{{ empty }}</td>
++      <tr>
++        <td colspan="{{ header_columns }}">{{ empty }}</td>
+       </tr>
+     </tbody>
+   {% endif %}
+diff --git a/core/modules/system/templates/textarea.html.twig b/core/modules/system/templates/textarea.html.twig
+index 8a8426d..287c8d4 100644
+--- a/core/modules/system/templates/textarea.html.twig
++++ b/core/modules/system/templates/textarea.html.twig
+@@ -22,6 +22,6 @@
+     required ? 'required',
+   ]
+ %}
+-<div{{ wrapper_attributes.addClass('form-textarea-wrapper') }}>
+-  <textarea{{ attributes.addClass(classes) }}>{{ value }}</textarea>
++<div{{ wrapper_attributes }}>
++  <textarea{{ attributes }}>{{ value }}</textarea>
+ </div>
+diff --git a/core/themes/classy/templates/system-admin-index.html.twig b/core/themes/classy/templates/system-admin-index.html.twig
+new file mode 100644
+index 0000000..17f8150
+--- /dev/null
++++ b/core/themes/classy/templates/system-admin-index.html.twig
+@@ -0,0 +1,27 @@
++{#
++/**
++ * @file
++ * Default theme implementation for the admin index page.
++ *
++ * Available variables:
++ * - system_compact_link: Themed link to toggle compact view.
++ * - containers: A list of administrative containers keyed by position: left or
++ *   right. Each container in the list contains:
++ *   - blocks: A list of administrative blocks, rendered
++ *     through admin-block.html.twig.
++ *
++ * @see template_preprocess_system_admin_index()
++ *
++ * @ingroup themeable
++ */
++#}
++<div class="admin clearfix">
++  {{ system_compact_link }}
++  {% for position, blocks in containers %}
++    <div class="{{ position }} clearfix">
++      {% for block in blocks %}
++        {{ block }}
++      {% endfor %}
++    </div>
++  {% endfor %}
++</div>
+diff --git a/core/themes/classy/templates/system-config-form.html.twig b/core/themes/classy/templates/system-config-form.html.twig
+new file mode 100644
+index 0000000..51e6fc7
+--- /dev/null
++++ b/core/themes/classy/templates/system-config-form.html.twig
+@@ -0,0 +1,17 @@
++{#
++/**
++ * @file
++ * Default theme implementation for a system settings form.
++ *
++ * This template will be used when a system config form specifies 'config_form'
++ * as its #theme callback.  Otherwise, by default, system config forms will be
++ * themed by theme_form(). This does not alter the appearance of a form at all,
++ * but is provided as a convenience for themers.
++ *
++ * Available variables:
++ * - form: The confirm form.
++ *
++ * @ingroup themeable
++ */
++#}
++{{ form }}
+diff --git a/core/themes/classy/templates/system-themes-page.html.twig b/core/themes/classy/templates/system-themes-page.html.twig
+new file mode 100644
+index 0000000..6e65d76
+--- /dev/null
++++ b/core/themes/classy/templates/system-themes-page.html.twig
+@@ -0,0 +1,76 @@
++{#
++/**
++ * @file
++ * Default theme implementation for the Appearance page.
++ *
++ * Available variables:
++ * - attributes: HTML attributes for the main container.
++ * - theme_groups: A list of theme groups. Each theme group contains:
++ *   - attributes: HTML attributes specific to this theme group.
++ *   - title: Title for the theme group.
++ *   - state: State of the theme group, e.g. installed or uninstalled.
++ *   - themes: A list of themes within the theme group. Each theme contains:
++ *     - attributes: HTML attributes specific to this theme.
++ *     - screenshot: A screenshot representing the theme.
++ *     - description: Description of the theme.
++ *     - name: Theme name.
++ *     - version: The theme's version number.
++ *     - is_default: Boolean indicating whether the theme is the default theme
++ *       or not.
++ *     - is_admin: Boolean indicating whether the theme is the admin theme or
++ *       not.
++ *     - notes: Identifies what context this theme is being used in, e.g.,
++ *       default theme, admin theme.
++ *     - incompatible: Text describing any compatibility issues.
++ *     - operations: A list of operation links, e.g., Settings, Enable, Disable,
++ *       etc. these links should only be displayed if the theme is compatible.
++ *
++ * @see template_preprocess_system_themes_page()
++ *
++ * @ingroup themeable
++ */
++#}
++<div{{ attributes }}>
++  {% for theme_group in theme_groups %}
++    {%
++      set theme_group_classes = [
++        'system-themes-list',
++        'system-themes-list-' ~ theme_group.state,
++        'clearfix',
++      ]
++    %}
++    <div{{ theme_group.attributes.addClass(theme_group_classes) }}>
++      <h2 class="system-themes-list__header">{{ theme_group.title }}</h2>
++      {% for theme in theme_group.themes %}
++        {%
++          set theme_classes = [
++            theme.is_default ? 'theme-default',
++            theme.is_admin ? 'theme-admin',
++            'theme-selector',
++            'clearfix',
++          ]
++        %}
++        <div{{ theme.attributes.addClass(theme_classes) }}>
++          {% if theme.screenshot %}
++            {{ theme.screenshot }}
++          {% endif %}
++          <div class="theme-info">
++            <h3 class="theme-info__header">
++              {{- theme.name }} {{ theme.version -}}
++              {% if theme.notes %}
++                ({{ theme.notes|safe_join(', ') }})
++              {%- endif -%}
++            </h3>
++            <div class="theme-info__description">{{ theme.description }}</div>
++            {# Display operation links if the theme is compatible. #}
++            {% if theme.incompatible %}
++              <div class="incompatible">{{ theme.incompatible }}</div>
++            {% else %}
++              {{ theme.operations }}
++            {% endif %}
++          </div>
++        </div>
++      {% endfor %}
++    </div>
++  {% endfor %}
++</div>
+diff --git a/core/themes/classy/templates/table.html.twig b/core/themes/classy/templates/table.html.twig
+new file mode 100644
+index 0000000..3d0252e
+--- /dev/null
++++ b/core/themes/classy/templates/table.html.twig
+@@ -0,0 +1,115 @@
++{#
++/**
++ * @file
++ * Default theme implementation to display a table.
++ *
++ * Available variables:
++ * - attributes: HTML attributes to apply to the <table> tag.
++ * - caption: A localized string for the <caption> tag.
++ * - colgroups: Column groups. Each group contains the following properties:
++ *   - attributes: HTML attributes to apply to the <col> tag.
++ *     Note: Drupal currently supports only one table header row, see
++ *     http://drupal.org/node/893530 and
++ *     http://api.drupal.org/api/drupal/includes!theme.inc/function/theme_table/7#comment-5109.
++ * - header: Table header cells. Each cell contains the following properties:
++ *   - tag: The HTML tag name to use; either TH or TD.
++ *   - attributes: HTML attributes to apply to the tag.
++ *   - content: A localized string for the title of the column.
++ *   - field: Field name (required for column sorting).
++ *   - sort: Default sort order for this column ("asc" or "desc").
++ * - sticky: A flag indicating whether to use a "sticky" table header.
++ * - rows: Table rows. Each row contains the following properties:
++ *   - attributes: HTML attributes to apply to the <tr> tag.
++ *   - data: Table cells.
++ *   - no_striping: A flag indicating that the row should receive no
++ *     'even / odd' styling. Defaults to FALSE.
++ *   - cells: Table cells of the row. Each cell contains the following keys:
++ *     - tag: The HTML tag name to use; either TH or TD.
++ *     - attributes: Any HTML attributes, such as "colspan", to apply to the
++ *       table cell.
++ *     - content: The string to display in the table cell.
++ *     - active_table_sort: A boolean indicating whether the cell is the active
++         table sort.
++ * - footer: Table footer rows, in the same format as the rows variable.
++ * - empty: The message to display in an extra row if table does not have
++ *   any rows.
++ * - no_striping: A boolean indicating that the row should receive no striping.
++ * - header_columns: The number of columns in the header.
++ *
++ * @see template_preprocess_table()
++ *
++ * @ingroup themeable
++ */
++#}
++<table{{ attributes }}>
++  {% if caption %}
++    <caption>{{ caption }}</caption>
++  {% endif %}
++
++  {% for colgroup in colgroups %}
++    {% if colgroup.cols %}
++      <colgroup{{ colgroup.attributes }}>
++        {% for col in colgroup.cols %}
++          <col{{ col.attributes }} />
++        {% endfor %}
++      </colgroup>
++    {% else %}
++      <colgroup{{ colgroup.attributes }} />
++    {% endif %}
++  {% endfor %}
++
++  {% if header %}
++    <thead>
++      <tr>
++        {% for cell in header %}
++          {%
++            set cell_classes = [
++              cell.active_table_sort ? 'active',
++            ]
++          %}
++          <{{ cell.tag }}{{ cell.attributes.addClass(cell_classes) }}>
++            {{- cell.content -}}
++          </{{ cell.tag }}>
++        {% endfor %}
++      </tr>
++    </thead>
++  {% endif %}
++
++  {% if rows %}
++    <tbody>
++      {% for row in rows %}
++        {%
++          set row_classes = [
++            not no_striping ? cycle(['odd', 'even'], loop.index0),
++          ]
++        %}
++        <tr{{ row.attributes.addClass(row_classes) }}>
++          {% for cell in row.cells %}
++            <{{ cell.tag }}{{ cell.attributes }}>
++              {{- cell.content -}}
++            </{{ cell.tag }}>
++          {% endfor %}
++        </tr>
++      {% endfor %}
++    </tbody>
++  {% elseif empty %}
++    <tbody>
++      <tr class="odd">
++        <td colspan="{{ header_columns }}" class="empty message">{{ empty }}</td>
++      </tr>
++    </tbody>
++  {% endif %}
++  {% if footer %}
++    <tfoot>
++      {% for row in footer %}
++        <tr{{ row.attributes }}>
++          {% for cell in row.cells %}
++            <{{ cell.tag }}{{ cell.attributes }}>
++              {{- cell.content -}}
++            </{{ cell.tag }}>
++          {% endfor %}
++        </tr>
++      {% endfor %}
++    </tfoot>
++  {% endif %}
++</table>
+diff --git a/core/themes/classy/templates/tablesort-indicator.html.twig b/core/themes/classy/templates/tablesort-indicator.html.twig
+new file mode 100644
+index 0000000..059805f
+--- /dev/null
++++ b/core/themes/classy/templates/tablesort-indicator.html.twig
+@@ -0,0 +1,18 @@
++{#
++/**
++ * @file
++ * Default theme implementation for displaying a tablesort indicator.
++ *
++ * Available variables:
++ * - style: Either 'asc' or 'desc', indicating the sorting direction.
++ *
++ * @see template_preprocess_tablesort_indicator()
++ *
++ * @ingroup themeable
++ */
++#}
++{% if style == 'asc' -%}
++  <img src="{{ arrow_asc }}" width="13" height="13" alt="{{ 'sort ascending'|t }}" title="{{ 'sort ascending'|t }}" />
++{% else -%}
++  <img src="{{ arrow_desc }}" width="13" height="13" alt="{{ 'sort descending'|t }}" title="{{ 'sort descending'|t }}" />
++{% endif %}
+diff --git a/core/themes/classy/templates/textarea.html.twig b/core/themes/classy/templates/textarea.html.twig
+new file mode 100644
+index 0000000..8a8426d
+--- /dev/null
++++ b/core/themes/classy/templates/textarea.html.twig
+@@ -0,0 +1,27 @@
++{#
++/**
++ * @file
++ * Default theme implementation for a 'textarea' #type form element.
++ *
++ * Available variables
++ * - wrapper_attributes: A list of HTML attributes for the wrapper element.
++ * - attributes: A list of HTML attributes for the textarea element.
++ * - resizable: An indicator for whether the textarea is resizable.
++ * - required: An indicator for whether the textarea is required.
++ * - value: The textarea content.
++ *
++ * @see template_preprocess_textarea()
++ *
++ * @ingroup themeable
++ */
++#}
++{%
++  set classes = [
++    'form-textarea',
++    resizable ? 'resize-' ~ resizable,
++    required ? 'required',
++  ]
++%}
++<div{{ wrapper_attributes.addClass('form-textarea-wrapper') }}>
++  <textarea{{ attributes.addClass(classes) }}>{{ value }}</textarea>
++</div>
diff --git a/core/modules/system/templates/menu-local-tasks.html.twig b/core/modules/system/templates/menu-local-tasks.html.twig
index dce922b..b119841 100644
--- a/core/modules/system/templates/menu-local-tasks.html.twig
+++ b/core/modules/system/templates/menu-local-tasks.html.twig
@@ -16,10 +16,10 @@
  */
 #}
 {% if primary %}
-  <h2 class="visually-hidden">{{ 'Primary tabs'|t }}</h2>
-  <ul class="tabs primary">{{ primary }}</ul>
+  <h2>{{ 'Primary tabs'|t }}</h2>
+  <ul>{{ primary }}</ul>
 {% endif %}
 {% if secondary %}
-  <h2 class="visually-hidden">{{ 'Secondary tabs'|t }}</h2>
-  <ul class="tabs secondary">{{ secondary }}</ul>
+  <h2>{{ 'Secondary tabs'|t }}</h2>
+  <ul>{{ secondary }}</ul>
 {% endif %}
diff --git a/core/modules/system/templates/menu.html.twig b/core/modules/system/templates/menu.html.twig
index f01ce84..a9c7899 100644
--- a/core/modules/system/templates/menu.html.twig
+++ b/core/modules/system/templates/menu.html.twig
@@ -27,9 +27,9 @@
   {% import _self as menus %}
   {% if items %}
     {% if menu_level == 0 %}
-      <ul{{ attributes.addClass('menu') }}>
+      <ul{{ attributes }}>
     {% else %}
-      <ul class="menu">
+      <ul>
     {% endif %}
       {% for item in items %}
         <li{{ item.attributes }}>
diff --git a/core/modules/system/templates/page.html.twig b/core/modules/system/templates/page.html.twig
index 88fc563..9cbe89e 100644
--- a/core/modules/system/templates/page.html.twig
+++ b/core/modules/system/templates/page.html.twig
@@ -61,7 +61,7 @@
  * @ingroup themeable
  */
 #}
-<div class="layout-container">
+<div>
 
   <header role="banner">
     {% if logo %}
@@ -71,21 +71,21 @@
     {% endif %}
 
     {% if site_name or site_slogan %}
-      <div class="name-and-slogan">
+      <div>
 
         {# Use h1 when the content title is empty #}
         {% if title %}
-          <strong class="site-name">
+          <strong>
             <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
           </strong>
         {% else %}
-          <h1 class="site-name">
+          <h1>
             <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
           </h1>
         {% endif %}
 
         {% if site_slogan %}
-          <div class="site-slogan">{{ site_slogan }}</div>
+          <div>{{ site_slogan }}</div>
         {% endif %}
       </div>{# ./name-and-slogan #}
     {% endif %}
@@ -105,7 +105,7 @@
   <main role="main">
     <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
 
-    <div class="layout-content">
+    <div>
       {{ page.highlighted }}
 
       {{ title_prefix }}
@@ -117,20 +117,20 @@
       {{ tabs }}
 
       {% if action_links %}
-        <nav class="action-links">{{ action_links }}</nav>
+        <nav>{{ action_links }}</nav>
       {% endif %}
 
       {{ page.content }}
     </div>{# /.layout-content #}
 
     {% if page.sidebar_first %}
-      <aside class="layout-sidebar-first" role="complementary">
+      <aside role="complementary">
         {{ page.sidebar_first }}
       </aside>
     {% endif %}
 
     {% if page.sidebar_second %}
-      <aside class="layout-sidebar-second" role="complementary">
+      <aside role="complementary">
         {{ page.sidebar_second }}
       </aside>
     {% endif %}
diff --git a/core/modules/system/templates/pager.html.twig b/core/modules/system/templates/pager.html.twig
index a7acd5e..66394d0 100644
--- a/core/modules/system/templates/pager.html.twig
+++ b/core/modules/system/templates/pager.html.twig
@@ -32,41 +32,41 @@
  */
 #}
 {% if items %}
-  <nav class="pager" role="navigation" aria-labelledby="pagination-heading">
-    <h4 id="pagination-heading" class="visually-hidden">{{ 'Pagination'|t }}</h4>
-    <ul class="pager__items">
+  <nav role="navigation" aria-labelledby="pagination-heading">
+    <h4 id="pagination-heading">{{ 'Pagination'|t }}</h4>
+    <ul>
       {# Print first item if we are not on the first page. #}
       {% if items.first %}
-        <li class="pager__item pager__item--first">
+        <li>
           <a href="{{ items.first.href }}" title="{{ 'Go to first page'|t }}"{{ items.first.attributes }}>
-            <span class="visually-hidden">{{ 'First page'|t }}</span>
+            <span>{{ 'First page'|t }}</span>
             <span aria-hidden="true">{{ items.first.text|default('« first'|t) }}</span>
           </a>
         </li>
       {% endif %}
       {# Print previous item if we are not on the first page. #}
       {% if items.previous %}
-        <li class="pager__item pager__item--previous">
+        <li>
           <a href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }}" rel="prev"{{ items.previous.attributes }}>
-            <span class="visually-hidden">{{ 'Previous page'|t }}</span>
+            <span>{{ 'Previous page'|t }}</span>
             <span aria-hidden="true">{{ items.previous.text|default('‹ previous'|t) }}</span>
           </a>
         </li>
       {% endif %}
       {# Add an ellipsis if there are further previous pages. #}
       {% if ellipses.previous %}
-        <li class="pager__item pager__item--ellipsis" role="presentation">&hellip;</li>
+        <li role="presentation">&hellip;</li>
       {% endif %}
       {# Now generate the actual pager piece. #}
       {% for key, item in items.pages %}
-        <li class="pager__item{{ current == key ? ' is-active' : '' }}">
+        <li>
           {% if current == key %}
             {% set title = 'Current page'|t %}
           {% else %}
             {% set title = 'Go to page @key'|t({'@key': key}) %}
           {% endif %}
           <a href="{{ item.href }}" title="{{ title }}"{{ item.attributes }}>
-            <span class="visually-hidden">
+            <span>
               {{ current == key ? 'Current page'|t : 'Page'|t }}
             </span>
             {{- key -}}
@@ -75,22 +75,22 @@
       {% endfor %}
       {# Add an ellipsis if there are further next pages. #}
       {% if ellipses.next %}
-        <li class="pager__item pager__item--ellipsis" role="presentation">&hellip;</li>
+        <li role="presentation">&hellip;</li>
       {% endif %}
       {# Print next item if we are not on the last page. #}
       {% if items.next %}
-        <li class="pager__item pager__item--next">
+        <li>
           <a href="{{ items.next.href }}" title="{{ 'Go to next page'|t }}" rel="next"{{ items.next.attributes }}>
-            <span class="visually-hidden">{{ 'Next page'|t }}</span>
+            <span>{{ 'Next page'|t }}</span>
             <span aria-hidden="true">{{ items.next.text|default('next ›'|t) }}</span>
           </a>
         </li>
       {% endif %}
       {# Print last item if we are not on the last page. #}
       {% if items.last %}
-        <li class="pager__item pager__item--last">
+        <li>
           <a href="{{ items.last.href }}" title="{{ 'Go to last page'|t }}"{{ items.last.attributes }}>
-            <span class="visually-hidden">{{ 'Last page'|t }}</span>
+            <span>{{ 'Last page'|t }}</span>
             <span aria-hidden="true">{{ items.last.text|default('last »'|t) }}</span>
           </a>
         </li>
diff --git a/core/modules/system/templates/progress-bar.html.twig b/core/modules/system/templates/progress-bar.html.twig
index 885a80f..df482c3 100644
--- a/core/modules/system/templates/progress-bar.html.twig
+++ b/core/modules/system/templates/progress-bar.html.twig
@@ -13,11 +13,11 @@
  * @ingroup themeable
  */
 #}
-<div class="progress" data-drupal-progress>
+<div data-drupal-progress>
   {% if label %}
-    <div class="progress__label">{{ label }}</div>
+    <div>{{ label }}</div>
   {% endif %}
-  <div class="progress__track"><div class="progress__bar" style="width: {{ percent }}%"></div></div>
-  <div class="progress__percentage">{{ percent }}%</div>
-  <div class="progress__description">{{ message }}</div>
+  <div><div style="width: {{ percent }}%"></div></div>
+  <div>{{ percent }}%</div>
+  <div>{{ message }}</div>
 </div>
diff --git a/core/themes/classy/templates/menu-local-task.html.twig b/core/themes/classy/templates/menu-local-task.html.twig
new file mode 100644
index 0000000..5939203
--- /dev/null
+++ b/core/themes/classy/templates/menu-local-task.html.twig
@@ -0,0 +1,18 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a local task link.
+ *
+ * Available variables:
+ * - attributes: HTML attributes for the wrapper element.
+ * - link: A rendered link element.
+ *
+ * Note: This template renders the content for each task item in
+ * menu-local-tasks.html.twig.
+ *
+ * @see template_preprocess_menu_local_task()
+ *
+ * @ingroup themeable
+ */
+#}
+<li{{ attributes }}>{{ link }}</li>
diff --git a/core/themes/classy/templates/menu-local-tasks.html.twig b/core/themes/classy/templates/menu-local-tasks.html.twig
new file mode 100644
index 0000000..dce922b
--- /dev/null
+++ b/core/themes/classy/templates/menu-local-tasks.html.twig
@@ -0,0 +1,25 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display primary and secondary local tasks.
+ *
+ * Available variables:
+ * - primary: HTML list items representing primary tasks.
+ * - secondary: HTML list items representing primary tasks.
+ *
+ * Each item in these variables (primary and secondary) can be individually
+ * themed in menu-local-task.html.twig.
+ *
+ * @see template_preprocess_menu_local_tasks()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if primary %}
+  <h2 class="visually-hidden">{{ 'Primary tabs'|t }}</h2>
+  <ul class="tabs primary">{{ primary }}</ul>
+{% endif %}
+{% if secondary %}
+  <h2 class="visually-hidden">{{ 'Secondary tabs'|t }}</h2>
+  <ul class="tabs secondary">{{ secondary }}</ul>
+{% endif %}
diff --git a/core/themes/classy/templates/menu.html.twig b/core/themes/classy/templates/menu.html.twig
new file mode 100644
index 0000000..f01ce84
--- /dev/null
+++ b/core/themes/classy/templates/menu.html.twig
@@ -0,0 +1,44 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a menu.
+ *
+ * Available variables:
+ * - menu_name: The machine name of the menu.
+ * - items: A nested list of menu items. Each menu item contains:
+ *   - attributes: HTML attributes for the menu item.
+ *   - below: The menu item child items.
+ *   - title: The menu link title.
+ *   - url: The menu link url, instance of \Drupal\Core\Url
+ *   - localized_options: Menu link localized options.
+ *
+ * @ingroup themeable
+ */
+#}
+{% import _self as menus %}
+
+{#
+  We call a macro which calls itself to render the full tree.
+  @see http://twig.sensiolabs.org/doc/tags/macro.html
+#}
+{{ menus.menu_links(items, attributes, 0) }}
+
+{% macro menu_links(items, attributes, menu_level) %}
+  {% import _self as menus %}
+  {% if items %}
+    {% if menu_level == 0 %}
+      <ul{{ attributes.addClass('menu') }}>
+    {% else %}
+      <ul class="menu">
+    {% endif %}
+      {% for item in items %}
+        <li{{ item.attributes }}>
+          {{ link(item.title, item.url) }}
+          {% if item.below %}
+            {{ menus.menu_links(item.below, attributes, menu_level + 1) }}
+          {% endif %}
+        </li>
+      {% endfor %}
+    </ul>
+  {% endif %}
+{% endmacro %}
diff --git a/core/themes/classy/templates/page.html.twig b/core/themes/classy/templates/page.html.twig
new file mode 100644
index 0000000..88fc563
--- /dev/null
+++ b/core/themes/classy/templates/page.html.twig
@@ -0,0 +1,146 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a single page.
+ *
+ * The doctype, html, head and body tags are not in this template. Instead they
+ * can be found in the html.html.twig template in this directory.
+ *
+ * Available variables:
+ *
+ * General utility variables:
+ * - base_path: The base URL path of the Drupal installation. Will usually be
+ *   "/" unless you have installed Drupal in a sub-directory.
+ * - is_front: A flag indicating if the current page is the front page.
+ * - logged_in: A flag indicating if the user is registered and signed in.
+ * - is_admin: A flag indicating if the user has permission to access
+ *   administration pages.
+ *
+ * Site identity:
+ * - front_page: The URL of the front page. Use this instead of base_path when
+ *   linking to the front page. This includes the language domain or prefix.
+ * - logo: The url of the logo image, as defined in theme settings.
+ * - site_name: The name of the site. This is empty when displaying the site
+ *   name has been disabled in the theme settings.
+ * - site_slogan: The slogan of the site. This is empty when displaying the site
+ *   slogan has been disabled in theme settings.
+ *
+ * Navigation:
+ * - breadcrumb: The breadcrumb trail for the current page.
+ *
+ * Page content (in order of occurrence in the default page.html.twig):
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title: The page title, for use in the actual content.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ * - messages: Status and error messages. Should be displayed prominently.
+ * - tabs: Tabs linking to any sub-pages beneath the current page (e.g., the
+ *   view and edit tabs when displaying a node).
+ * - action_links: Actions local to the page, such as "Add menu" on the menu
+ *   administration interface.
+ * - node: Fully loaded node, if there is an automatically-loaded node
+ *   associated with the page and the node ID is the second argument in the
+ *   page's path (e.g. node/12345 and node/12345/revisions, but not
+ *   comment/reply/12345).
+ *
+ * Regions:
+ * - page.header: Items for the header region.
+ * - page.primary_menu: Items for the primary menu region.
+ * - page.secondary_menu: Items for the secondary menu region.
+ * - page.highlighted: Items for the highlighted content region.
+ * - page.help: Dynamic help text, mostly for admin pages.
+ * - page.content: The main content of the current page.
+ * - page.sidebar_first: Items for the first sidebar.
+ * - page.sidebar_second: Items for the second sidebar.
+ * - page.footer: Items for the footer region.
+ *
+ * @see template_preprocess_page()
+ * @see html.html.twig
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="layout-container">
+
+  <header role="banner">
+    {% if logo %}
+      <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">
+        <img src="{{ logo }}" alt="{{ 'Home'|t }}"/>
+      </a>
+    {% endif %}
+
+    {% if site_name or site_slogan %}
+      <div class="name-and-slogan">
+
+        {# Use h1 when the content title is empty #}
+        {% if title %}
+          <strong class="site-name">
+            <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
+          </strong>
+        {% else %}
+          <h1 class="site-name">
+            <a href="{{ front_page }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a>
+          </h1>
+        {% endif %}
+
+        {% if site_slogan %}
+          <div class="site-slogan">{{ site_slogan }}</div>
+        {% endif %}
+      </div>{# ./name-and-slogan #}
+    {% endif %}
+
+    {{ page.header }}
+  </header>
+
+  {{ page.primary_menu }}
+  {{ page.secondary_menu }}
+
+  {{ breadcrumb }}
+
+  {{ messages }}
+
+  {{ page.help }}
+
+  <main role="main">
+    <a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
+
+    <div class="layout-content">
+      {{ page.highlighted }}
+
+      {{ title_prefix }}
+      {% if title %}
+        <h1>{{ title }}</h1>
+      {% endif %}
+      {{ title_suffix }}
+
+      {{ tabs }}
+
+      {% if action_links %}
+        <nav class="action-links">{{ action_links }}</nav>
+      {% endif %}
+
+      {{ page.content }}
+    </div>{# /.layout-content #}
+
+    {% if page.sidebar_first %}
+      <aside class="layout-sidebar-first" role="complementary">
+        {{ page.sidebar_first }}
+      </aside>
+    {% endif %}
+
+    {% if page.sidebar_second %}
+      <aside class="layout-sidebar-second" role="complementary">
+        {{ page.sidebar_second }}
+      </aside>
+    {% endif %}
+
+  </main>
+
+  {% if page.footer %}
+    <footer role="contentinfo">
+      {{ page.footer }}
+    </footer>
+  {% endif %}
+
+</div>{# /.layout-container #}
diff --git a/core/themes/classy/templates/pager.html.twig b/core/themes/classy/templates/pager.html.twig
new file mode 100644
index 0000000..a7acd5e
--- /dev/null
+++ b/core/themes/classy/templates/pager.html.twig
@@ -0,0 +1,100 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a pager.
+ *
+ * Available variables:
+ * - items: List of pager items.
+ *   The list is keyed by the following elements:
+ *   - first: Item for the first page; not present on the first page of results.
+ *   - previous: Item for the previous page; not present on the first page
+ *     of results.
+ *   - next: Item for the next page; not present on the last page of results.
+ *   - last: Item for the last page; not present on the last page of results.
+ *   - pages: List of pages, keyed by page number.
+ *   Sub-sub elements:
+ *   items.first, items.previous, items.next, items.last, and each item inside
+ *   items.pages contain the following elements:
+ *   - href: URL with appropriate query parameters for the item.
+ *   - attributes: A keyed list of HTML attributes for the item.
+ *   - text: The visible text used for the item link, such as "‹ previous"
+ *     or "next ›".
+ * - current: The page number of the current page.
+ * - ellipses: If there are more pages than the quantity allows, then an
+ *   ellipsis before or after the listed pages may be present.
+ *   - previous: Present if the currently visible list of pages does not start
+ *     at the first page.
+ *   - next: Present if the visible list of pages ends before the last page.
+ *
+ * @see template_preprocess_pager()
+ *
+ * @ingroup themeable
+ */
+#}
+{% if items %}
+  <nav class="pager" role="navigation" aria-labelledby="pagination-heading">
+    <h4 id="pagination-heading" class="visually-hidden">{{ 'Pagination'|t }}</h4>
+    <ul class="pager__items">
+      {# Print first item if we are not on the first page. #}
+      {% if items.first %}
+        <li class="pager__item pager__item--first">
+          <a href="{{ items.first.href }}" title="{{ 'Go to first page'|t }}"{{ items.first.attributes }}>
+            <span class="visually-hidden">{{ 'First page'|t }}</span>
+            <span aria-hidden="true">{{ items.first.text|default('« first'|t) }}</span>
+          </a>
+        </li>
+      {% endif %}
+      {# Print previous item if we are not on the first page. #}
+      {% if items.previous %}
+        <li class="pager__item pager__item--previous">
+          <a href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }}" rel="prev"{{ items.previous.attributes }}>
+            <span class="visually-hidden">{{ 'Previous page'|t }}</span>
+            <span aria-hidden="true">{{ items.previous.text|default('‹ previous'|t) }}</span>
+          </a>
+        </li>
+      {% endif %}
+      {# Add an ellipsis if there are further previous pages. #}
+      {% if ellipses.previous %}
+        <li class="pager__item pager__item--ellipsis" role="presentation">&hellip;</li>
+      {% endif %}
+      {# Now generate the actual pager piece. #}
+      {% for key, item in items.pages %}
+        <li class="pager__item{{ current == key ? ' is-active' : '' }}">
+          {% if current == key %}
+            {% set title = 'Current page'|t %}
+          {% else %}
+            {% set title = 'Go to page @key'|t({'@key': key}) %}
+          {% endif %}
+          <a href="{{ item.href }}" title="{{ title }}"{{ item.attributes }}>
+            <span class="visually-hidden">
+              {{ current == key ? 'Current page'|t : 'Page'|t }}
+            </span>
+            {{- key -}}
+          </a>
+        </li>
+      {% endfor %}
+      {# Add an ellipsis if there are further next pages. #}
+      {% if ellipses.next %}
+        <li class="pager__item pager__item--ellipsis" role="presentation">&hellip;</li>
+      {% endif %}
+      {# Print next item if we are not on the last page. #}
+      {% if items.next %}
+        <li class="pager__item pager__item--next">
+          <a href="{{ items.next.href }}" title="{{ 'Go to next page'|t }}" rel="next"{{ items.next.attributes }}>
+            <span class="visually-hidden">{{ 'Next page'|t }}</span>
+            <span aria-hidden="true">{{ items.next.text|default('next ›'|t) }}</span>
+          </a>
+        </li>
+      {% endif %}
+      {# Print last item if we are not on the last page. #}
+      {% if items.last %}
+        <li class="pager__item pager__item--last">
+          <a href="{{ items.last.href }}" title="{{ 'Go to last page'|t }}"{{ items.last.attributes }}>
+            <span class="visually-hidden">{{ 'Last page'|t }}</span>
+            <span aria-hidden="true">{{ items.last.text|default('last »'|t) }}</span>
+          </a>
+        </li>
+      {% endif %}
+    </ul>
+  </nav>
+{% endif %}
diff --git a/core/themes/classy/templates/progress-bar.html.twig b/core/themes/classy/templates/progress-bar.html.twig
new file mode 100644
index 0000000..885a80f
--- /dev/null
+++ b/core/themes/classy/templates/progress-bar.html.twig
@@ -0,0 +1,23 @@
+{#
+/**
+ * @file
+ * Default theme implementation for a progress bar.
+ *
+ * Note that the core Batch API uses this only for non-JavaScript batch jobs.
+ *
+ * Available variables:
+ * - label: The label of the working task.
+ * - percent: The percentage of the progress.
+ * - message: A string containing information to be displayed.
+ *
+ * @ingroup themeable
+ */
+#}
+<div class="progress" data-drupal-progress>
+  {% if label %}
+    <div class="progress__label">{{ label }}</div>
+  {% endif %}
+  <div class="progress__track"><div class="progress__bar" style="width: {{ percent }}%"></div></div>
+  <div class="progress__percentage">{{ percent }}%</div>
+  <div class="progress__description">{{ message }}</div>
+</div>