Search for %s

  1. Search 7.x for %s
  2. Search 8.9.x for %s
  3. Search 10.3.x for %s
  4. Search 11.x for %s
  5. Search main for %s
  6. Other projects
Title Object type File name Summary
layout--threecol-section.html.twig file core/themes/stable9/layouts/layout_builder/threecol_section/layout--threecol-section.html.twig Theme override for a three-column layout.
layout--threecol-section.html.twig file core/modules/layout_builder/layouts/threecol_section/layout--threecol-section.html.twig Default theme implementation for a three-column layout.
layout--twocol-bricks.html.twig file core/themes/stable9/layouts/layout_discovery/twocol_bricks/layout--twocol-bricks.html.twig Theme override for a two column layout.
layout--twocol-bricks.html.twig file core/themes/stable/templates/layout/layout--twocol-bricks.html.twig Theme override for a two column layout.
layout--twocol-bricks.html.twig file core/modules/layout_discovery/layouts/twocol_bricks/layout--twocol-bricks.html.twig Default theme implementation for a two column layout.
layout--twocol-section.html.twig file core/themes/stable9/layouts/layout_builder/twocol_section/layout--twocol-section.html.twig Theme override to display a two-column layout.
layout--twocol-section.html.twig file core/themes/stable/layouts/twocol_section/layout--twocol-section.html.twig Theme override to display a two-column layout.
layout--twocol-section.html.twig file core/modules/layout_builder/layouts/twocol_section/layout--twocol-section.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-content-translation.css file core/themes/seven/css/components/layout-builder-content-translation.css .layout-builder-translation-warning {
padding-left: 20px;
background: left 2px url(../../../../misc/icons/e29700/warning.svg) no-repeat;
}
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/variables.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/variables.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/variables.pcss.css";

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

& > .layout__region {
flex: 1 0 100%;
…
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/themes/stable/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/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/modules/layout_builder/css/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-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-bottom:…
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/variables.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-horizontal.css file core/themes/olivero/css/layout/layout-views-grid-horizontal.css Responsive styles for views grid horizontal layout.
layout-views-grid-horizontal.pcss.css file core/themes/olivero/css/layout/layout-views-grid-horizontal.pcss.css Responsive styles for views grid horizontal layout.
layout-views-grid-vertical.css file core/themes/olivero/css/layout/layout-views-grid-vertical.css Responsive styles for views grid vertical layout.
layout-views-grid-vertical.pcss.css file core/themes/olivero/css/layout/layout-views-grid-vertical.pcss.css Responsive styles for views grid vertical layout.
layout.css file core/themes/olivero/css/layout/layout.css Base 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/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/themes/bartik/css/layout.css Bartik layout styling.
layout.css file core/themes/seven/css/layout/layout.css /**
* Add spacing to bottom of pages
*/
.page-content {
margin-bottom: 80px;
}

/**
* Add color to layout icons.
*/
.layout-icon__region {
fill: #f5f5f2;
stroke: #666;
}
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.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::$class property core/lib/Drupal/Core/Layout/Annotation/Layout.php The layout plugin class.
Layout::$description property core/lib/Drupal/Core/Layout/Annotation/Layout.php A description for advanced layouts.
Layout::$regions property core/lib/Drupal/Core/Layout/Annotation/Layout.php An associative array of regions in this layout.
LayoutBuilder::$eventDispatcher property core/modules/layout_builder/src/Element/LayoutBuilder.php The event dispatcher.

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