v1/web/themes/contrib/gin/styles/base/_layers.scss

62 lines
1.3 KiB
SCSS

.page-content {
margin-top: 0;
> .help,
> .region-content,
> .region-highlighted {
@include mq(small) {
margin-top: var(--gin-spacing-l);
}
}
}
.gin-layer-wrapper,
.gin-layer-wrapper-shadow,
.block-system > form,
.views-exposed-form.views-exposed-form,
.views-edit-view,
.views-preview-wrapper,
.modules-tabs,
.module-filter-update-status-form .table-filter,
#views-entity-list,
.admin.my-workbench
{
margin-top: 0;
box-shadow: var(--gin-shadow-l1);
border-radius: var(--gin-border-l);
.gin--dark-mode & {
box-shadow: 0 6px 16px var(--gin-border-color-layer);
}
.gin--high-contrast-mode & {
box-shadow: none;
}
}
.gin-layer-wrapper,
.block-system-main-block > form,
.views-exposed-form.views-exposed-form,
.views-edit-view,
.views-preview-wrapper,
#views-entity-list,
.module-filter-update-status-form .table-filter,
.admin.my-workbench
{
width: 100%;
padding: var(--gin-spacing-s);
background: var(--gin-bg-layer);
border: 1px solid var(--gin-border-color-layer);
box-sizing: border-box;
@include mq(small) {
padding: var(--gin-spacing-l);
}
// Remove extra spacing on top of form.
> .form-wrapper:first-of-type .form-item,
.layout-region-node-main > .form-wrapper:first-of-type .form-item {
margin-top: 0;
}
}