Search for Layout

  1. Search 7.x for Layout
  2. Search 9.5.x for Layout
  3. Search 8.9.x for Layout
  4. Search 11.x for Layout
  5. Search main for Layout
  6. Other projects

Exact matches

These are exact matches according to your search
Title Object type File name Summary
Layout class core/lib/Drupal/Core/Layout/Attribute/Layout.php Defines a Layout attribute object.
Layout class core/lib/Drupal/Core/Layout/Annotation/Layout.php Defines a Layout annotation object.

All search results

Title Object type File name Summary
layout--twocol.html.twig file core/themes/stable9/layouts/layout_discovery/twocol/layout--twocol.html.twig Theme override to display a two-column layout.
layout--twocol.html.twig file core/modules/layout_discovery/layouts/twocol/layout--twocol.html.twig Default theme implementation to display a two-column layout.
layout-2-col.css file core/profiles/demo_umami/themes/umami/css/layout/layout-2-col.css This file is used to create the layout when the theme has 2 columns.
layout-builder-fourcol-section.css file core/themes/olivero/css/layout/layout-builder-fourcol-section.css /*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/

/*
* @file
* Provides the layout styles for four-column layout section.
*/

.layout--fourcol-section {
…
layout-builder-fourcol-section.pcss.css file core/themes/olivero/css/layout/layout-builder-fourcol-section.pcss.css /*
* @file
* Provides the layout styles for four-column layout section.
*/

@import "../base/media-queries.pcss.css";

.layout--fourcol-section {
display: flex;
flex-wrap: wrap;

& > .layout__region {
flex: 1 0 100%;
…
layout-builder-threecol-section.css file core/themes/olivero/css/layout/layout-builder-threecol-section.css /*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/

/*
* @file
* Provides the layout styles for three-column layout section.
*/

.layout--threecol-section {
…
layout-builder-threecol-section.pcss.css file core/themes/olivero/css/layout/layout-builder-threecol-section.pcss.css /*
* @file
* Provides the layout styles for three-column layout section.
*/

@import "../base/media-queries.pcss.css";

.layout--threecol-section {
display: flex;
flex-wrap: wrap;

& > .layout__region {
flex: 1 0 100%;
…
layout-builder-twocol-section.css file core/themes/olivero/css/layout/layout-builder-twocol-section.css /*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/

/*
* @file
* Provides the layout styles for two-column layout section.
*/

.layout--twocol-section {
…
layout-builder-twocol-section.pcss.css file core/themes/olivero/css/layout/layout-builder-twocol-section.pcss.css /*
* @file
* Provides the layout styles for two-column layout section.
*/

@import "../base/media-queries.pcss.css";

.layout--twocol-section {
display: flex;
flex-wrap: wrap;

& > .layout__region {
flex: 1 0 100%;
…
layout-builder.css file core/profiles/demo_umami/themes/umami/css/components/layout_builder/layout-builder.css This file is used to style the layout builder.
layout-builder.css file core/themes/stable9/css/layout_builder/layout-builder.css .layout-builder {
padding: 1.5em 1.5em 0.5em;
border: 3px solid #2f91da;
background-color: #fff;
}

.layout-builder__add-section {
width: 100%;
margin-bottom: 1.5em;
padding: 1.5em 0;
text-align: center;
outline: 2px dashed #979797;
…
layout-builder.css file core/modules/navigation/css/base/layout-builder.css /*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/

.admin-toolbar .layout-builder-block {
padding: 0;
}

#navigation-layout .layout-builder {
border:…
layout-builder.css file core/modules/layout_builder/css/layout-builder.css Layout Builder UI styling.
layout-builder.pcss.css file core/modules/layout_builder/css/layout-builder.pcss.css Layout Builder UI styling.
layout-builder.pcss.css file core/modules/navigation/css/base/layout-builder.pcss.css .admin-toolbar .layout-builder-block {
padding: 0;
}

#navigation-layout .layout-builder {
border: none;
}

/* Label when "content preview" is disabled. */
.navigation-layout .layout-builder-block__content-preview-placeholder-label {
…
layout-builder.php file core/modules/layout_builder/tests/fixtures/update/layout-builder.php Install layout_builder module before testing update paths.
layout-content-medium.css file core/themes/olivero/css/layout/layout-content-medium.css Grid system definition for the content wide layout.
layout-content-medium.pcss.css file core/themes/olivero/css/layout/layout-content-medium.pcss.css Grid system definition for the content wide layout.
layout-content-narrow.css file core/themes/olivero/css/layout/layout-content-narrow.css Grid system definition for the content narrow layout.
layout-content-narrow.pcss.css file core/themes/olivero/css/layout/layout-content-narrow.pcss.css Grid system definition for the content narrow layout.
layout-discovery-section-layout.css file core/themes/olivero/css/layout/layout-discovery-section-layout.css /*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/

/*
* @file
* Provides default layout styles for all layout sections.
*/

.layout {
margin-block-end:…
layout-discovery-section-layout.pcss.css file core/themes/olivero/css/layout/layout-discovery-section-layout.pcss.css /*
* @file
* Provides default layout styles for all layout sections.
*/

@import "../base/media-queries.pcss.css";

.layout {
margin-block-end: var(--sp);

@media (--md) {
margin-block-end: var(--sp2);
}

@media (--lg) {
…
layout-footer.css file core/themes/olivero/css/layout/layout-footer.css Grid system definition for the footer top and footer bottom layouts.
layout-footer.pcss.css file core/themes/olivero/css/layout/layout-footer.pcss.css Grid system definition for the footer top and footer bottom layouts.
layout-sidebar.css file core/themes/olivero/css/layout/layout-sidebar.css Special grid system for sidebar.
layout-sidebar.pcss.css file core/themes/olivero/css/layout/layout-sidebar.pcss.css Special grid system for sidebar.
layout-test-1col.html.twig file core/modules/system/tests/modules/layout_test/templates/layout-test-1col.html.twig Template for an example 1 column layout.
layout-test-2col.css file core/modules/system/tests/modules/layout_test/css/layout-test-2col.css .layout-example-2col .region-left {
float: left;
width: 50%;
}
* html .layout-example-2col .region-left {
width: 49.9%;
}

.layout-example-2col .region-right {
float: left;
width: 50%;
}
* html .layout-example-2col .region-right {
width:…
layout-test-2col.html.twig file core/modules/system/tests/modules/layout_test/templates/layout-test-2col.html.twig Template for an example 2 column layout.
layout-test-plugin.html.twig file core/modules/system/tests/modules/layout_test/templates/layout-test-plugin.html.twig Template for layout_test_plugin layout.
layout-views-grid.css file core/themes/olivero/css/layout/layout-views-grid.css Responsive styles for views grid horizontal layout.
layout-views-grid.pcss.css file core/themes/olivero/css/layout/layout-views-grid.pcss.css Responsive styles for views grid horizontal layout.
layout.css file core/profiles/demo_umami/themes/umami/css/layout/layout.css This file is used to create generic layout styles.
layout.css file core/themes/olivero/css/layout/layout.css Base Layout.
layout.css file core/themes/claro/css/layout/layout.css /*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/

/**
* Add spacing to top and bottom of pages.
*/

.page-content {
margin-top: 1.5rem;
margin-bottom:…
layout.css file core/modules/ckeditor5/tests/modules/ckeditor5_test/css/layout.css .layout--two-col {
display: grid;
grid-template-columns: 1fr 1fr;
}

.simple-box {
padding: 0.5rem;
background: #ccc;
}

.simple-box-title,
.simple-box-description {
background: #fff;
}
layout.html.twig file core/modules/layout_discovery/templates/layout.html.twig Template for a generic layout.
layout.html.twig file core/themes/stable9/templates/layout/layout.html.twig Template for a generic layout.
layout.icon_builder service core/modules/layout_discovery/layout_discovery.services.yml Drupal\Core\Layout\Icon\SvgIconBuilder
layout.pcss.css file core/themes/olivero/css/layout/layout.pcss.css Base Layout.
layout.pcss.css file core/themes/claro/css/layout/layout.pcss.css /**
* Add spacing to top and bottom of pages.
*/

.page-content {
margin-top: 1.5rem;
margin-bottom: 80px;
}

@media screen and (min-width: 38em) {
.page-content {
margin-top: 2rem;
}
}

/**
* Add color to layout icons.
…
Layout.php file core/lib/Drupal/Core/Layout/Attribute/Layout.php
Layout.php file core/lib/Drupal/Core/Layout/Annotation/Layout.php
Layout::$additional property core/lib/Drupal/Core/Layout/Attribute/Layout.php Any additional properties and values.
Layout::$category property core/lib/Drupal/Core/Layout/Annotation/Layout.php The human-readable category.
Layout::$class property core/lib/Drupal/Core/Layout/Annotation/Layout.php The layout plugin class.
Layout::$default_region property core/lib/Drupal/Core/Layout/Annotation/Layout.php The default region.
Layout::$description property core/lib/Drupal/Core/Layout/Annotation/Layout.php A description for advanced layouts.
Layout::$icon property core/lib/Drupal/Core/Layout/Annotation/Layout.php The path to the preview image (relative to the 'path' given).
Layout::$icon_map property core/lib/Drupal/Core/Layout/Annotation/Layout.php The icon map.

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.