rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

Better code snippets on mobile in docs

Browse Source
This commit is contained in:
Mark Otto 2013-07-19 17:09:39 -07:00
parent 95b9f44190
commit 6cce56061f
1 changed files with 22 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
assets/css/docs.css
View File

@ -313,26 +313,25 @@ body {
/* Base class */ /* Base class */
.bs-example { .bs-example {
position: relative; position: relative;
padding: 39px 14px 14px; padding: 45px 15px 15px;
margin-bottom: -1px; margin: 0 -15px -1px;
border: 1px solid #ddd; background-color: #fafafa;
border-top-left-radius: 4px; box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
border-top-right-radius: 4px; border-color: #e5e5e5 #eee #eee;
border-style: solid;
border-width: 1px 0;
} }
/* Echo out a label for the example */ /* Echo out a label for the example */
.bs-example:after { .bs-example:after {
content: "Example"; content: "Example";
position: absolute; position: absolute;
top: -1px; top: 15px;
left: -1px; left: 15px;
padding: 3px 7px;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: #9da0a4; color: #bbb;
background-color: #f5f5f5; text-transform: uppercase;
border: 1px solid #ddd; letter-spacing: 1px;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
} }
/* Tweak display of the examples */ /* Tweak display of the examples */
@ -715,9 +714,6 @@ input.focused {
/* Hide code snippets on mobile devices */ /* Hide code snippets on mobile devices */
@media screen and (max-width: 480px) { @media screen and (max-width: 480px) {
.bs-example {
border-radius: 4px;
}
.highlight { .highlight {
display: none; display: none;
} }
@ -756,6 +752,16 @@ input.focused {
line-height: 1; line-height: 1;
} }
.bs-example {
margin-left: 0;
margin-right: 0;
background-color: #fff;
border-width: 1px;
border-color: #ddd;
border-radius: 4px 4px 0 0;
box-shadow: none;
}
.carbonad { .carbonad {
margin: 0 !important; margin: 0 !important;
border: 1px solid #e5e5e5 !important; border: 1px solid #e5e5e5 !important;