fraport/fradrive-old
Archived
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) @media (min-width: 426px)
.main__content-body .main__content-body
padding: 13px 20px padding: 13px 20px
.two-columns
column-count: 1
@media (min-width: 769px) @media (min-width: 769px)
.main__content-body .main__content-body
padding: 20px 40px padding: 20px 40px
.two-columns
column-count: 2
.pseudo-focus .pseudo-focus
outline: 5px auto var(--color-light) outline: 5px auto var(--color-light)

33
templates/legal.hamlet
View File

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