Skip to content

Instantly share code, notes, and snippets.

@max-power

max-power/din.css

Last active November 13, 2017 00:43
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save max-power/56aecb493fb95aa9842195d69788c235 to your computer and use it in GitHub Desktop.
Save max-power/56aecb493fb95aa9842195d69788c235 to your computer and use it in GitHub Desktop.
Download ZIP
DIN.css
Raw
din.css
.DIN.A0 { width:841mm; height:1189mm; }
.DIN.A1 { width:594mm; height: 841mm; }
.DIN.A2 { width:420mm; height: 297mm; }
.DIN.A3 { width:297mm; height: 420mm; }
.DIN.A4 { width:210mm; height: 297mm; }
.DIN.A5 { width:148mm; height: 210mm; }
.DIN.A6 { width:105mm; height: 148mm; }
.DIN.A7 { width: 74mm; height: 105mm; }
.DIN.A8 { width: 52mm; height: 74mm; }
.DIN.A9 { width: 37mm; height: 52mm; }
.DIN.A10 { width: 26mm; height: 37mm; }
.DIN.A0.landscape { width:1189mm; height:841mm; }
.DIN.A1.landscape { width: 841mm; height:594mm; }
.DIN.A2.landscape { width: 297mm; height:594mm; }
.DIN.A3.landscape { width: 420mm; height:297mm; }
.DIN.A4.landscape { width: 297mm; height:210mm; }
.DIN.A5.landscape { width: 210mm; height:148mm; }
.DIN.A6.landscape { width: 148mm; height:105mm; }
.DIN.A7.landscape { width: 105mm; height: 74mm; }
.DIN.A8.landscape { width: 74mm; height: 52mm; }
.DIN.A9.landscape { width: 52mm; height: 37mm; }
.DIN.A10.landscape{ width: 37mm; height: 26mm; }
.Letter { width:216mm; height: 279mm; }
.Legal { width:216mm; height: 356mm; }
.Ledger { width:279mm; height: 432mm; }
.Letter.landscape { width: 279mm; height:216mm; }
.Legal.landscape { width: 356mm; height:279mm; }
.Ledger.landscape { width: 432mm; height:216mm; }
.Page {
background:#fff;
}
Raw
example.html
<article class="Page DIN A4 landscape">
…
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment