Skip to content

Commit

Permalink
Rewrite main column layout
Browse files Browse the repository at this point in the history
- add a row-gap to fix spacing issues wit above and below
- use gaps instead of calc
  • Loading branch information
zoglo committed Mar 28, 2024
1 parent bb37a1d commit 06449eb
Showing 1 changed file with 3 additions and 3 deletions.
6 changes: 3 additions & 3 deletions public/framework/scss/ctm_layout/_layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
> .inside {
display: flex;
flex-direction: column;
row-gap: var(--gtr-btm);
}
}

Expand Down Expand Up @@ -65,20 +66,19 @@

#container > .inside {
flex-direction: row;
column-gap: var(--lyt-col-gtr);
}

#left,
#right {
width: calc(var(--lyt-col-wdth) + var(--lyt-col-gtr));
width: var(--lyt-col-wdth);
}

#left {
&, .left-first & { order: 5; }
> .inside { margin-right: var(--lyt-col-gtr); }
}

#right {
&, .right-first & { order: 15; }
> .inside { margin-left: var(--lyt-col-gtr); }
}
}

0 comments on commit 06449eb

Please sign in to comment.