Topbar navigation
This commit is contained in:
parent
afc6ee0e03
commit
16db93c2da
@ -1,6 +1,6 @@
|
|||||||
.empty-state {
|
.empty-state {
|
||||||
max-width: $max-panel-width;
|
max-width: $max-panel-width;
|
||||||
background-color: #F6F6F7;
|
background-color: #f6f6f7;
|
||||||
|
|
||||||
&--white {
|
&--white {
|
||||||
background-color: $color-white;
|
background-color: $color-white;
|
||||||
|
@ -3,9 +3,7 @@
|
|||||||
background-color: $color-white;
|
background-color: $color-white;
|
||||||
border-top: 1px solid $color-gray-lightest;
|
border-top: 1px solid $color-gray-lightest;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row-reverse;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: $gap * 1.5;
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 0;
|
left: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
@ -13,8 +11,11 @@
|
|||||||
height: $footer-height;
|
height: $footer-height;
|
||||||
color: $color-gray-dark;
|
color: $color-gray-dark;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
|
padding: 0 $gap * 1.5;
|
||||||
|
|
||||||
&__login {
|
&__login {
|
||||||
padding-left: 0.8rem;
|
width: 100%;
|
||||||
|
max-width: 1165px;
|
||||||
|
text-align: right;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -28,7 +28,6 @@ body {
|
|||||||
position: relative;
|
position: relative;
|
||||||
padding: 0 $spacing-large;
|
padding: 0 $spacing-large;
|
||||||
|
|
||||||
|
|
||||||
@include media($medium-screen) {
|
@include media($medium-screen) {
|
||||||
top: $usa-banner-height + $topbar-height;
|
top: $usa-banner-height + $topbar-height;
|
||||||
}
|
}
|
||||||
|
@ -12,6 +12,7 @@
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
max-width: 1180px;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: $color-white;
|
color: $color-white;
|
||||||
@ -66,9 +67,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.login-topbar .topbar__navigation {
|
.login-topbar .topbar__navigation {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.login-topbar .topbar__context .topbar__link-icon {
|
.login-topbar .topbar__context .topbar__link-icon {
|
||||||
margin: 0 0 0 0.8rem;
|
margin: 0 0 0 0.8rem;
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,4 @@
|
|||||||
.home {
|
.home {
|
||||||
|
|
||||||
.sticky-cta {
|
.sticky-cta {
|
||||||
margin: -1.6rem -1.6rem 0 -1.6rem;
|
margin: -1.6rem -1.6rem 0 -1.6rem;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user