github/pure
1
Fork 0
mirror of https://github.com/pure-css/pure synced 2024-11-22 05:32:20 +01:00
Code Releases 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 { .content {
text-align: center; text-align: center;
border: 1px solid #999; border: 1px solid #999;
margin: 10px; /*10px 10px 0 0; "column" gutters */ margin: 10px;
padding: 5px; padding: 5px;
font-family: "Lucida Console", Monaco, monospace; font-family: "Lucida Console", Monaco, monospace;
} }
.serif,
.serif .content {
font-family: Georgia, Times, "Times New Roman", serif;
}
</style> </style>
</head> </head>
@ -555,5 +560,46 @@
</div> </div>
</div> </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> </body>
</html> </html>