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 10.3.x for Layout
  5. Search 11.x 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-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: grid;
gap: var(--grid-gap);
grid-template-columns:…
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: grid;
gap: var(--grid-gap);
grid-template-columns:…
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: grid;
gap: var(--grid-gap);
grid-template-columns: var(--layout-twocol-grid);

…
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/navigation/layout-builder.css Styles for 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
*/

:is(#extra-specificity-hack, [data-drupal-admin-styles]) {
&.admin-toolbar .layout-builder-block {
…
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 :is(#extra-specificity-hack, [data-drupal-admin-styles]) {
&.admin-toolbar .layout-builder-block {
padding: 0;
}
}

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

/* Label when "content preview" is disabled.…
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-field.css file core/themes/olivero/css/components/layout-field.css Visual styles for fields.
layout-field.pcss.css file core/themes/olivero/css/components/layout-field.pcss.css Visual styles for fields.
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.css file core/themes/admin/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/default_admin/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-block: 0 5rem;

> .help,
…
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/admin/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.pcss.css file core/themes/default_admin/css/layout/layout.pcss.css /**
* Add spacing to top and bottom of pages.
*/

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

.page-content {
margin-block: 0 80px;

> .help,
> .region-content,
> .region-highlighted {
@media (--admin-small) {
…
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.

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