|
@@ -20,15 +20,12 @@
|
|
|
flex-wrap: wrap; // allow us to do the line break for collapsing content
|
|
flex-wrap: wrap; // allow us to do the line break for collapsing content
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: space-between; // space out brand from logo
|
|
justify-content: space-between; // space out brand from logo
|
|
|
- padding-top: $navbar-padding-y;
|
|
|
|
|
- padding-right: $navbar-padding-x; // default: null
|
|
|
|
|
- padding-bottom: $navbar-padding-y;
|
|
|
|
|
- padding-left: $navbar-padding-x; // default: null
|
|
|
|
|
- @include gradient-bg();
|
|
|
|
|
-
|
|
|
|
|
margin-top: 1.5rem + $navbar-padding-y;
|
|
margin-top: 1.5rem + $navbar-padding-y;
|
|
|
- outline-offset: 0.5rem;
|
|
|
|
|
- outline: 1px solid $light;
|
|
|
|
|
|
|
+ @include gradient-bg();
|
|
|
|
|
+ border-style: solid;
|
|
|
|
|
+ border-width: 1px 0;
|
|
|
|
|
+ border-color: $light;
|
|
|
|
|
+ padding: $navbar-padding-y 0;
|
|
|
|
|
|
|
|
// Because flex properties aren't inherited, we need to redeclare these first
|
|
// Because flex properties aren't inherited, we need to redeclare these first
|
|
|
// few properties so that content nested within behave properly.
|
|
// few properties so that content nested within behave properly.
|
