Issue #1814520 by seutje, DesignDolphin, Stalski, JohnAlbin, jenlampton,...

Issue #1814520 by seutje, DesignDolphin, Stalski, JohnAlbin, jenlampton, swentel: Create 2 basic sample layouts: 1-col and 2-col.

core/modules/layout/layouts/static/one-col/one-col.tpl.php

+<?php
+/**
+ * @file
+ * Template for a 1 column layout.
+ *
+ * This template provides a simple one column display layout.
+ *
+ * Variables:
+ * - $content: An array of content, each item in the array is keyed to one
+ *   region of the layout. This layout supports only one section:
+ *   - $content['content']: Content in the content column.
+ */
+?>
+<div class="layout-display layout-one-col <?php print $attributes['class']; ?>"<?php print $attributes; ?>>
+  <div class="layout-region">
+    <?php print $content['content']; ?>
+  </div>
+</div>

core/modules/layout/layouts/static/one-col/one-col.yml

+title: One column
+category: Columns: 1
+template: one-col
+regions:
+  content: 'Content'

core/modules/layout/layouts/static/twocol/two-col-rtl.css

+/* Large resolutions (desktop, tablets in landscape, ...) */
+@media only screen and (min-width: 59em) {
+  .layout-two-col .layout-region {
+    float: right;
+  }
+}

core/modules/layout/layouts/static/twocol/two-col.css

+/* Large resolutions (desktop, tablets in landscape, ...) */
+@media only screen and (min-width: 59em) {
+  .layout-two-col .layout-region {
+    float: left; /* LTR */
+    width: 50%;
+  }
+}

core/modules/layout/layouts/static/twocol/two-col.tpl.php

+<?php
+/**
+ * @file
+ * Template for a 2 column layout.
+ *
+ * This template provides a two column display layout, with each column equal in
+ * width.
+ *
+ * Variables:
+ * - $content: An array of content, each item in the array is keyed to one
+ *   region of the layout. This layout supports the following sections:
+ *   - $content['first']: Content in the first column.
+ *   - $content['second']: Content in the second column.
+ */
+?>
+<div class="layout-display layout-two-col clearfix <?php print $attributes['class']; ?>"<?php print $attributes; ?>>
+  <div class="layout-region layout-col-first">
+    <?php print $content['first']; ?>
+  </div>
+
+  <div class="layout-region layout-col-second">
+    <?php print $content['second']; ?>
+  </div>
+</div>

core/modules/layout/layouts/static/twocol/two-col.yml

+title: Two column
+category: Columns: 2
+template: two-col
+stylesheets:
+  - two-col.css
+  - two-col-rtl.css
+regions:
+  first: 'First column'
+  second: 'Second column'

core/modules/layout/lib/Drupal/layout/Tests/LayoutDerivativesTest.php

@@ -37,7 +37,7 @@ function testDerivatives() {
 
     $definitions = $manager->getDefinitions();
     $this->assertTrue(is_array($definitions), 'Definitions found.');
-    $this->assertTrue(count($definitions) == 2, 'Two definitions available.');
+    $this->assertTrue(count($definitions) == 4, 'Four definitions available.');
     $this->assertTrue(isset($definitions['static_layout:layout_test__one-col']), 'One column layout found.');
     $this->assertTrue(isset($definitions['static_layout:layout_test_theme__two-col']), 'Two column layout found.');
 

core/modules/layout/tests/layout_test.module

@@ -9,6 +9,7 @@
  * Implementation of hook_menu().
  */
 function layout_test_menu() {
+  $items = array();
   $items['layout-test'] = array(
     'title' => 'Layout test',
     'page callback' => 'layout_test_page',