docker
/
docs
mirror of https://github.com/docker/docs.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #10816 from jdrouet/center-navbar 

landing-page: center navbar on desktop
This commit is contained in:
Usha Mandya 2020-05-15 11:42:22 +01:00 committed by GitHub
parent f197750823 1d3ac1092b
commit ad9704bec7
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 23 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
_scss/_breakpoint.scss
View File

@ -8,6 +8,7 @@ $xl-min-width: 1200px;
@content;
}
}
@mixin before-md-width {
@media (max-width: $md-min-width - 1) {
@content;
@ -19,6 +20,13 @@ $xl-min-width: 1200px;
@content;
}
}
@mixin before-lg-width {
@media (max-width: $lg-min-width - 1) {
@content;
}
}
@mixin lg-width {
@media (min-width: $lg-min-width) {
@content;

17
_scss/_landing.scss
View File

@ -27,7 +27,19 @@ body#landing {
border-radius: unset;
height: unset;
@include before-md-width {
@include md-width {
.navbar-collapse.collapse {
display: flex !important;
ul:first-of-type {
flex: 1;
display: flex;
justify-content: center;
}
}
}
@include before-lg-width {
.container {
width: unset;
}
@ -56,7 +68,8 @@ body#landing {
.navbar-nav > li > a {
font-weight: bold;
line-height: 25px;
padding-bottom: 11px;
padding-top: 17px;
padding-bottom: 9px;
border-bottom-style: solid;
border-bottom-width: 4px;
border-bottom-color: rgba(255, 255, 255, 0);