Skip to content

Commit 7950462

Browse files
committed
replace accidental removal of styles, extract labs section styles into named constant
1 parent fdc24d4 commit 7950462

File tree

1 file changed

+12
-11
lines changed

1 file changed

+12
-11
lines changed

dotcom-rendering/src/components/FrontSection.tsx

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -322,6 +322,7 @@ const sectionHeadlineFromLeftCol = (borderColour: string) => css`
322322
display: block;
323323
width: 1px;
324324
top: 0;
325+
height: 1.875rem;
325326
right: -10px;
326327
position: absolute;
327328
background-color: ${borderColour};
@@ -482,6 +483,16 @@ const carouselNavigationPlaceholder = css`
482483
}
483484
`;
484485

486+
const labsSectionStyles = css`
487+
grid-row: headline;
488+
grid-column: title;
489+
margin-top: ${space[2]}px;
490+
${from.leftCol} {
491+
grid-row: content;
492+
grid-column: title;
493+
}
494+
`;
495+
485496
/**
486497
* # Front Container
487498
*
@@ -668,17 +679,7 @@ export const FrontSection = ({
668679
/>
669680

670681
{isLabs && showLabsRedesign ? (
671-
<div
672-
css={css`
673-
grid-row: headline;
674-
grid-column: title;
675-
margin-top: ${space[2]}px;
676-
${from.leftCol} {
677-
grid-row: content;
678-
grid-column: title;
679-
}
680-
`}
681-
>
682+
<div css={labsSectionStyles}>
682683
<LabsSectionHeader title={title} />
683684
</div>
684685
) : (

0 commit comments

Comments
 (0)