Skip to content
Snippets Groups Projects
Commit 57ae3050 authored by Martin Leblanc's avatar Martin Leblanc Committed by Kevin Paxman
Browse files

ISTWCMS-5898: css for card header section spacing and default spacing without new classes

parent c7acb352
No related branches found
No related tags found
1 merge request!70ISTWCMS-5898: section-spacing-seperator and column-seperator css
...@@ -654,11 +654,19 @@ ...@@ -654,11 +654,19 @@
} }
} }
} }
// Set default spacing to match old block margin if no classes
.layout.layout--uw-1-col {
&:not(.uw-section-spacing--default, .uw-section-spacing--none, .uw-section-spacing--75, .uw-section-spacing--50, .uw-section-spacing--25) {
margin-bottom: var(--section-margin);
&:last-of-type{
margin-bottom: 0;
}
}
}
.uw-section-has-full-width .layout.layout--uw-1-col{ .uw-section-has-full-width .layout.layout--uw-1-col{
overflow: hidden; overflow: hidden;
} }
.uw-full-width.uw-section-spacing--none.uw-section-separator--bottom:has(img){ .uw-full-width.uw-section-spacing--none.uw-section-separator--bottom:has(img){
padding-bottom: 0; padding-bottom: 0;
} }
......
...@@ -10,11 +10,17 @@ ...@@ -10,11 +10,17 @@
> .card__header, > .card__header,
> .card__footer { > .card__footer {
margin: 0 auto; margin: 0 auto;
max-width: var(--layout-max-width); @include uw-contained-width(var(--layout-max-width-narrow));
@media(min-width: $screen-xl) {
@include uw-contained-width(var(--layout-max-width));
}
} }
.uw-node__with-media &{ .uw-node__with-media &{
> .card__header { > .card__header {
padding: 0; padding: 0;
&.uw-node__with-media{
padding: var(--size-2) 0;
}
} }
} }
.uw-node__without-media & { .uw-node__without-media & {
...@@ -58,13 +64,9 @@ ...@@ -58,13 +64,9 @@
.uw-node__with-media & { .uw-node__with-media & {
.card__header { .card__header {
&.uw-node__with-media{ &.uw-node__with-media{
padding: var(--size-2); padding: var(--size-2) 0;
@media(min-width: $screen-xl) {
padding: var(--size-2) 0;
}
} }
} }
.card__featured-image{ .card__featured-image{
align-items: center; align-items: center;
background-position: center center; background-position: center center;
...@@ -246,10 +248,7 @@ ...@@ -246,10 +248,7 @@
padding: var(--size-2) 0; padding: var(--size-2) 0;
} }
&.uw-node__with-media{ &.uw-node__with-media{
padding: var(--size-2); padding: var(--size-2) 0;
@media(min-width: $screen-xl) {
padding: var(--size-2) 0;
}
} }
} }
.card__footer, .card__footer,
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment