Search for all

  1. Search 7.x for all
  2. Search 9.5.x for all
  3. Search 8.9.x for all
  4. Search 10.3.x for all
  5. Search 11.x for all
  6. Other projects
Title Object type File name Summary
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/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/modules/layout_builder/layouts/twocol_section/layout--twocol-section.html.twig Default theme implementation to display a two-column layout.
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: 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/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/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/themes/stable9/templates/layout/layout.html.twig Template for a generic layout.
layout.html.twig file core/modules/layout_discovery/templates/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/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/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/olivero/css/layout/layout.pcss.css Base Layout.

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