fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(legal): two-column layout

Browse Source
This commit is contained in:
Sarah Vaupel 2019-12-23 16:46:43 +01:00
parent c3c533f6a8
commit 13e3d637a3
2 changed files with 21 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app.sass
View File

@ -205,10 +205,14 @@ h4
@media (min-width: 426px)
.main__content-body
padding: 13px 20px
.two-columns
column-count: 1
@media (min-width: 769px)
.main__content-body
padding: 20px 40px
.two-columns
column-count: 2
.pseudo-focus
outline: 5px auto var(--color-light)

33
templates/legal.hamlet
View File

@ -1,20 +1,21 @@
$newline never
<section>
<h2 id="data-protection">
_{MsgMenuDataProt}
^{dataProtection}
<div .two-columns>
<section>
<h2 id="data-protection">
_{MsgMenuDataProt}
^{dataProtection}
<section>
<h2 id="terms-of-use">
_{MsgMenuTermsUse}
^{termsUse}
<section>
<h2 id="terms-of-use">
_{MsgMenuTermsUse}
^{termsUse}
<section>
<h2 id="copyright">
_{MsgMenuCopyright}
^{copyright}
<section>
<h2 id="copyright">
_{MsgMenuCopyright}
^{copyright}
<section>
<h2 id="imprint">
_{MsgMenuImprint}
^{imprint}
<section>
<h2 id="imprint">
_{MsgMenuImprint}
^{imprint}