Search for all

  1. Search 7.x for all
  2. Search 8.9.x for all
  3. Search 10.3.x for all
  4. Search 11.x for all
  5. Search main for all
  6. Other projects
Title Object type File name Summary
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-builder.php file core/modules/layout_builder/tests/fixtures/update/layout-builder.php Test fixture.
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/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/profiles/demo_umami/themes/umami/css/layout/layout.css This file is used to create generic layout styles.
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/themes/bartik/css/layout.css Bartik layout styling.
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/stable/templates/layout/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/Annotation/Layout.php
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.
Layout::$id property core/lib/Drupal/Core/Layout/Annotation/Layout.php The plugin ID.
Layout::$label property core/lib/Drupal/Core/Layout/Annotation/Layout.php The human-readable name.
Layout::$library property core/lib/Drupal/Core/Layout/Annotation/Layout.php The asset library.
Layout::$path property core/lib/Drupal/Core/Layout/Annotation/Layout.php Path (relative to the module or theme) to resources like icon or template.
Layout::$regions property core/lib/Drupal/Core/Layout/Annotation/Layout.php An associative array of regions in this layout.

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