Skip to content
Snippets Groups Projects
Commit c27dccfa authored by Kevin Paxman's avatar Kevin Paxman
Browse files

ISTWCMS-5898: improve appearance of L-shaped sections

parent 92bc68df
No related branches found
No related tags found
1 merge request!70ISTWCMS-5898: section-spacing-seperator and column-seperator css
Hide whitespace changes
Inline Side-by-side
src/patterns/03-layouts/layout/_layout.scss
+ 43
− 0
View file @ c27dccfa
...@@ -643,6 +643,25 @@ ...@@ -643,6 +643,25 @@
} }
} }
} }
&--fourth {
@media(min-width: $screen-lg) {
&::before {
content: '';
position: absolute;
background-color: var(--layout-show-seperator-color);
width: var(--size-xs);
height: 100%;
top: 0;
left: 0;
transform: translate(calc((var(--size-2) * -1) - 1px), 0);
}
// Fix height of separator when block has title showing (requires browser with :has support).
.uw-main &:has(.block > h2:first-child)::before {
height: calc(100% - 0.45em);
top: 0.45em;
}
}
}
} }
} }
&--narrow { &--narrow {
...@@ -708,6 +727,16 @@ ...@@ -708,6 +727,16 @@
right: 0; right: 0;
transform: translate(var(--size-2), 0); transform: translate(var(--size-2), 0);
} }
&::after {
content: '';
position: absolute;
background-color: var(--layout-show-seperator-color);
width: var(--size-xs);
height: 100%;
bottom: 0;
left: 0;
transform: translate(calc((var(--size-2) * -1) - 1px), 0);
}
} }
} }
&--third { &--third {
...@@ -727,6 +756,20 @@ ...@@ -727,6 +756,20 @@
} }
} }
} }
&--fourth {
@media(min-width: $screen-lg) {
&::before {
content: '';
position: absolute;
background-color: var(--layout-show-seperator-color);
width: var(--size-xs);
height: 100%;
bottom: 0;
left: 0;
transform: translate(calc((var(--size-2) * -1) - 1px), 0);
}
}
}
} }
} }
&--narrow { &--narrow {
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment