Skip to content

Commit 980d8ea

Browse files
committed
docs tweaks for responsive
1 parent 624723f commit 980d8ea

File tree

6 files changed

+34
-18
lines changed

6 files changed

+34
-18
lines changed

docs/assets/css/docs.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/assets/css/docs.min.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

docs/assets/scss/_featurettes.scss

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,18 @@
44
font-size: 1rem;
55
line-height: 1.5;
66
color: #555;
7-
// text-align: center;
7+
text-align: center;
88
background-color: #fff;
99
border-top: 1px solid #eee;
1010

1111
.highlight {
1212
text-align: left;
1313
}
1414

15+
@include media-breakpoint-up(sm) {
16+
text-align: left;
17+
}
18+
1519
@include media-breakpoint-up(md) {
1620
.col-sm-6:first-child {
1721
padding-right: ($grid-gutter-width * 1.5);
@@ -29,13 +33,18 @@
2933
color: #333;
3034

3135
+ .lead {
32-
font-size: 1.5rem;
36+
font-size: 1rem;
3337
margin-bottom: 2rem;
3438
}
3539
}
3640
.half-rule {
3741
width: 6rem;
38-
margin: 2.5rem 0;
42+
margin: 2.5rem auto;
43+
44+
@include media-breakpoint-up(sm) {
45+
margin-right: 0;
46+
margin-left: 0;
47+
}
3948
}
4049
.bd-featurette h4 {
4150
margin-top: 1rem;
@@ -69,11 +78,13 @@
6978
}
7079
.bd-featurette-title {
7180
font-size: 2.5rem;
81+
82+
+ .lead {
83+
font-size: 1.5rem;
84+
}
7285
}
7386
.bd-featurette .lead {
7487
max-width: 80%;
75-
// margin-right: auto;
76-
// margin-left: auto;
7788
}
7889
.bd-featurette .img-responsive {
7990
margin-top: 0;

docs/assets/scss/_masthead.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
.bd-masthead {
22
position: relative;
3-
padding: ($grid-gutter-width / 2);
3+
padding: 3rem ($grid-gutter-width / 2) 2rem;
44
color: $bd-purple-light;
55
text-align: center;
66
background: -webkit-linear-gradient(135deg, darken($bd-purple, 20%), $bd-purple, lighten(saturate($bd-purple, 5%), 15%));
@@ -21,7 +21,7 @@
2121
margin-left: auto;
2222
margin-right: auto;
2323
margin-bottom: 2rem;
24-
font-size: 1rem;
24+
font-size: 1.25rem;
2525
color: #fff;
2626
}
2727

docs/assets/scss/_page-header.scss

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
.bd-pageheader {
2-
padding: 2rem .75rem;
2+
padding: 2rem ($grid-gutter-width / 2);
33
margin-bottom: 1.5rem;
44
color: $bd-purple-light;
55
text-align: center;
@@ -17,7 +17,8 @@
1717

1818
p {
1919
margin-bottom: 0;
20-
font-size: 1.5rem;
20+
font-size: 1.25rem;
21+
font-weight: 300;
2122
}
2223

2324
@include media-breakpoint-up(sm) {
@@ -35,6 +36,10 @@
3536
h1 {
3637
font-size: 4rem;
3738
}
39+
40+
p {
41+
font-size: 1.5rem;
42+
}
3843
}
3944

4045
@include media-breakpoint-up(lg) {

0 commit comments

Comments
 (0)