]> git.ipfire.org Git - ipfire.org.git/blame - src/scss/bootstrap-4.0.0-alpha.6/docs/examples/justified-nav/justified-nav.css
Introduce autotools
[ipfire.org.git] / src / scss / bootstrap-4.0.0-alpha.6 / docs / examples / justified-nav / justified-nav.css
CommitLineData
91e44d91
S
1body {
2 padding-top: 20px;
3}
4
5.footer {
6 padding-top: 40px;
7 padding-bottom: 40px;
8 margin-top: 40px;
9 border-top: 1px solid #eee;
10}
11
12/* Main marketing message and sign up button */
13.jumbotron {
14 text-align: center;
15 background-color: transparent;
16}
17.jumbotron .btn {
18 padding: 14px 24px;
19 font-size: 21px;
20}
21
22.navbar {
23 background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7),to(#eee));
24 background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#eee 100%);
25 background-image: -o-linear-gradient(top, #f7f7f7 0%,#eee 100%);
26 background-image: linear-gradient(to bottom, #f7f7f7 0%,#eee 100%);
27 border: 1px solid #e5e5e5;
28}
29
30@media (min-width: 768px) {
31 .navbar-nav {
32 display: -webkit-box;
33 display: -webkit-flex;
34 display: -ms-flexbox;
35 display: flex;
36 }
37
38 .navbar-nav .nav-item {
39 -webkit-box-flex: 1;
40 -webkit-flex: 1 0 auto;
41 -ms-flex: 1 0 auto;
42 flex: 1 0 auto;
43 }
44}
45
46/* Responsive: Portrait tablets and up */
47@media screen and (min-width: 768px) {
48 /* Remove the padding we set earlier */
49 .masthead,
50 .marketing,
51 .footer {
52 padding-right: 0;
53 padding-left: 0;
54 }
55}