Use media query to nicely display in-browser
This commit is contained in:
parent
05c1ec1dfd
commit
6604e910d0
@ -12,6 +12,14 @@ body {
|
||||
font-family: "Raleway";
|
||||
line-height: 1.3em;
|
||||
font-size: 14px; }
|
||||
@media not print {
|
||||
body {
|
||||
max-width: 215.9mm;
|
||||
margin-top: 10px;
|
||||
padding-top: 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
box-shadow: 0px 0px 5px #dadada; } }
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
|
@ -53,7 +53,7 @@
|
||||
<h2>danilafe.com</h2>
|
||||
<i data-feather="link" class="project-link-icon"></i>
|
||||
</a>
|
||||
<div class="project-quip">Blog containing a series on compiler development</div>
|
||||
<div class="project-quip">Blog containing a series on compiler development.</div>
|
||||
<ul>
|
||||
<li>Teaches compiler development from the bottom up using common technologies such as Flex,
|
||||
Bison and LLVM.</li>
|
||||
|
@ -22,6 +22,15 @@ body {
|
||||
font-family: $text-font;
|
||||
line-height: 1.3em;
|
||||
font-size: 14px;
|
||||
|
||||
@media not print {
|
||||
max-width: 215.9mm;
|
||||
margin-top: 10px;
|
||||
padding-top: 5px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
box-shadow: 0px 0px 5px #dadada;
|
||||
}
|
||||
}
|
||||
|
||||
header {
|
||||
|
Loading…
Reference in New Issue
Block a user