2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-05 16:42:29 +03:00

docs tweaks for responsive

This commit is contained in:
Mark Otto
2015-08-19 00:07:59 -07:00
parent 624723f4c3
commit 980d8ea2d8
6 changed files with 34 additions and 18 deletions
+1 -1
View File
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+16 -5
View File
@@ -4,7 +4,7 @@
font-size: 1rem;
line-height: 1.5;
color: #555;
// text-align: center;
text-align: center;
background-color: #fff;
border-top: 1px solid #eee;
@@ -12,6 +12,10 @@
text-align: left;
}
@include media-breakpoint-up(sm) {
text-align: left;
}
@include media-breakpoint-up(md) {
.col-sm-6:first-child {
padding-right: ($grid-gutter-width * 1.5);
@@ -29,13 +33,18 @@
color: #333;
+ .lead {
font-size: 1.5rem;
font-size: 1rem;
margin-bottom: 2rem;
}
}
.half-rule {
width: 6rem;
margin: 2.5rem 0;
margin: 2.5rem auto;
@include media-breakpoint-up(sm) {
margin-right: 0;
margin-left: 0;
}
}
.bd-featurette h4 {
margin-top: 1rem;
@@ -69,11 +78,13 @@
}
.bd-featurette-title {
font-size: 2.5rem;
+ .lead {
font-size: 1.5rem;
}
}
.bd-featurette .lead {
max-width: 80%;
// margin-right: auto;
// margin-left: auto;
}
.bd-featurette .img-responsive {
margin-top: 0;
+2 -2
View File
@@ -1,6 +1,6 @@
.bd-masthead {
position: relative;
padding: ($grid-gutter-width / 2);
padding: 3rem ($grid-gutter-width / 2) 2rem;
color: $bd-purple-light;
text-align: center;
background: -webkit-linear-gradient(135deg, darken($bd-purple, 20%), $bd-purple, lighten(saturate($bd-purple, 5%), 15%));
@@ -21,7 +21,7 @@
margin-left: auto;
margin-right: auto;
margin-bottom: 2rem;
font-size: 1rem;
font-size: 1.25rem;
color: #fff;
}
+7 -2
View File
@@ -1,5 +1,5 @@
.bd-pageheader {
padding: 2rem .75rem;
padding: 2rem ($grid-gutter-width / 2);
margin-bottom: 1.5rem;
color: $bd-purple-light;
text-align: center;
@@ -17,7 +17,8 @@
p {
margin-bottom: 0;
font-size: 1.5rem;
font-size: 1.25rem;
font-weight: 300;
}
@include media-breakpoint-up(sm) {
@@ -35,6 +36,10 @@
h1 {
font-size: 4rem;
}
p {
font-size: 1.5rem;
}
}
@include media-breakpoint-up(lg) {