Improve documentation CSS for smaller resolutions

This commit is contained in:
def 2015-01-11 04:37:04 +01:00
commit b866d9e5e6

View file

@ -163,12 +163,12 @@ body {
/* For devices larger than 400px */ /* For devices larger than 400px */
@media (min-width: 400px) { @media (min-width: 400px) {
.container { .container {
width: 85%; width: 100%;
padding: 0; } } padding: 0; } }
/* For devices larger than 650px */ /* For devices larger than 650px */
@media (min-width: 650px) { @media (min-width: 650px) {
.container { .container {
width: 80%; } width: 100%; }
.column, .column,
.columns { .columns {
@ -481,7 +481,7 @@ h6 {
ul, ul,
ol { ol {
padding: 0; padding: 0;
margin: 0 0 10px 25px; } margin: 0 0 0px 15px; }
ul ul, ul ul,
ul ol, ul ol,
@ -574,15 +574,16 @@ code {
border: 1px solid #777777; } border: 1px solid #777777; }
pre { pre {
display: block; display: inline-block;
box-sizing: border-box;
min-width: calc(100% - 19.5px);
padding: 9.5px; padding: 9.5px;
margin: 0 10px 10px 10px; margin: 0 10px 0px 10px;
font-size: 14px; font-size: 14px;
line-height: 20px; line-height: 20px;
white-space: pre !important; white-space: pre !important;
overflow-y: hidden; overflow-y: hidden;
overflow: visible; overflow-x: visible;
overflow-x: auto;
background-color: whitesmoke; background-color: whitesmoke;
border: 1px solid #cccccc; border: 1px solid #cccccc;
-webkit-border-radius: 4px; -webkit-border-radius: 4px;
@ -596,7 +597,7 @@ pre code {
padding: 0; padding: 0;
color: inherit; color: inherit;
white-space: pre; white-space: pre;
overflow-x: scroll; overflow-x: visible;
background-color: transparent; background-color: transparent;
border: 0; } border: 0; }