library-mirrors/pure
1
0
Fork 0
mirror of https://github.com/pure-css/pure.git synced 2024-10-05 19:24:19 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add custom font section to Responsive Grids manual test page

Browse Source
This commit is contained in:
Eric Ferraiuolo 2013-08-27 12:18:10 -04:00
parent 2c58a4594d
commit 68b66b5811
1 changed files with 47 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/grids/tests/manual/responsive.html
View File

@ -11,10 +11,15 @@
.content {
text-align: center;
border: 1px solid #999;
margin: 10px; /*10px 10px 0 0; "column" gutters */
margin: 10px;
padding: 5px;
font-family: "Lucida Console", Monaco, monospace;
}
.serif,
.serif .content {
font-family: Georgia, Times, "Times New Roman", serif;
}
</style>
</head>
@ -555,5 +560,46 @@
</div>
</div>
</div>
<div class="serif">
<h1>Custom Font and Grids</h1>
<p>
Grids with a serif font stack.
</p>
<div class="pure-g-r">
<div class="pure-u-1-2">
<div class="content">
<div class="pure-g">
<div class="pure-u-1-2">
<div class="content">Nested 1/2</div>
</div>
<div class="pure-u-1-2">
<div class="content">Nested 1/2</div>
</div>
</div>
</div>
</div>
<div class="pure-u-1-2">
<div class="content">
<div class="pure-g-r">
<div class="pure-u-1-4">
<div class="content">r1/4</div>
</div>
<div class="pure-u-1-4">
<div class="content">r1/4</div>
</div>
<div class="pure-u-1-4">
<div class="content">r1/4</div>
</div>
<div class="pure-u-1-4">
<div class="content">r1/4</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>