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";
|
font-family: "Raleway";
|
||||||
line-height: 1.3em;
|
line-height: 1.3em;
|
||||||
font-size: 14px; }
|
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 {
|
header {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -53,7 +53,7 @@
|
|||||||
<h2>danilafe.com</h2>
|
<h2>danilafe.com</h2>
|
||||||
<i data-feather="link" class="project-link-icon"></i>
|
<i data-feather="link" class="project-link-icon"></i>
|
||||||
</a>
|
</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>
|
<ul>
|
||||||
<li>Teaches compiler development from the bottom up using common technologies such as Flex,
|
<li>Teaches compiler development from the bottom up using common technologies such as Flex,
|
||||||
Bison and LLVM.</li>
|
Bison and LLVM.</li>
|
||||||
|
@ -22,6 +22,15 @@ body {
|
|||||||
font-family: $text-font;
|
font-family: $text-font;
|
||||||
line-height: 1.3em;
|
line-height: 1.3em;
|
||||||
font-size: 14px;
|
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 {
|
header {
|
||||||
|
Loading…
Reference in New Issue
Block a user