tweaks to the responsive layout to improve type

This commit is contained in:
Mark Otto
2011-10-22 22:49:37 -07:00
parent fb7fbdb278
commit b4c0d2a6b2
6 changed files with 40 additions and 21 deletions

View File

@@ -10,7 +10,7 @@
// Remove width from containers
.container {
width: auto;
padding: 0 10px;
padding: 0 15px;
}
// Undo negative margin on rows
.row {

View File

@@ -24,7 +24,7 @@ p {
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: @grayDark;
text-rendering: optimizelegibility;
text-rendering: optimizelegibility; // Fix the character spacing for headings
small {
color: @grayLight;
}
@@ -185,7 +185,7 @@ pre {
background-color: #f5f5f5;
display: block;
padding: (@baseLineHeight - 1) / 2;
margin: 0 0 @baseLineHeight;
margin: 0 0 @baseLineHeight / 2;
line-height: @baseLineHeight;
font-size: 12px;
border: 1px solid #ccc;
@@ -193,6 +193,5 @@ pre {
.border-radius(3px);
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
word-break: break-all;
}