fix landings code block style (#2401)

This commit is contained in:
trean
2026-06-04 20:33:30 +02:00
committed by GitHub
parent 7a96adb525
commit 28d1cb402a
@@ -26,6 +26,20 @@
gap: pxToRem(30);
}
&__section {
@include media-breakpoint-up(lg) {
> [class*='col-'] {
display: flex;
flex-direction: column;
}
> [class*='col-']:last-child .industries-architecture__code {
flex: 1 1 auto;
min-height: 0;
}
}
}
&__checklist {
display: flex;
flex-direction: column;
@@ -88,14 +102,25 @@
}
&__code {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
padding: pxToRem(3);
border-radius: $spacer * 0.5;
border: pxToRem(1) solid $neutral-30;
background-color: $neutral-10;
&-content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-height: 0;
}
&-tabs {
display: flex;
flex: 0 0 auto;
justify-content: space-between;
height: $spacer * 2.5;
padding: 0 $spacer;
@@ -129,14 +154,20 @@
}
.highlight {
display: flex;
flex: 1 1 auto;
flex-direction: column;
width: 100%;
min-height: 0;
margin-bottom: 0;
padding: $spacer * 1.5;
box-sizing: border-box;
border: pxToRem(1) solid $neutral-30;
border-radius: $spacer * 0.5;
background: linear-gradient($neutral-20, #0e1424);
pre {
flex: 0 0 auto;
display: block;
width: 100%;
padding: 0;