github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-10-24 21:12:38 -04:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #21144 from overleaf/jel-auto-width-mobile

Browse source 
[web] Add options for mobile horizontal column alignment and column gaps on CMS BS5 pages

GitOrigin-RevId: 21cf6e181ea6622b06db73c32a4889327146032c
This commit is contained in:
Jessica Lawshe 2024-10-21 11:31:14 -05:00 committed by Copybot
parent 96ff76dc43
commit 18739d122e
1 changed files with 34 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
View file

@ -641,6 +641,40 @@
.reverse-col-order-mobile { .reverse-col-order-mobile {
flex-direction: column-reverse; flex-direction: column-reverse;
} }
.section-row {
&.section-row-mobile-gap-spacing-16 {
@include section-row-custom-gap(calc(var(--spacing-16) / 2));
}
&.section-row-mobile-gap-spacing-15 {
@include section-row-custom-gap(calc(var(--spacing-15) / 2));
}
&.section-row-mobile-gap-spacing-14 {
@include section-row-custom-gap(calc(var(--spacing-14) / 2));
}
&.section-row-mobile-gap-spacing-13 {
@include section-row-custom-gap(calc(var(--spacing-13) / 2));
}
&.section-row-mobile-gap-spacing-12 {
@include section-row-custom-gap(calc(var(--spacing-12) / 2));
}
&.section-row-mobile-gap-spacing-11 {
@include section-row-custom-gap(calc(var(--spacing-11) / 2));
}
&.section-row-mobile-gap-spacing-10 {
@include section-row-custom-gap(calc(var(--spacing-10) / 2));
}
&.section-row-mobile-gap-spacing-09 {
@include section-row-custom-gap(calc(var(--spacing-09) / 2));
}
}
} }
} }