spaCy/website/assets/css/_components/_navigation.sass

40 lines
857 B
Sass
Raw Normal View History

2016-10-31 18:04:15 +00:00
//- 💫 CSS > COMPONENTS > NAVIGATION
2016-10-03 18:19:13 +00:00
.c-nav
@include position(absolute, top, left, 0, 0)
@include size(100%, $nav-height)
background: $color-back
color: $color-theme
2016-10-31 18:04:15 +00:00
align-items: center
2016-10-03 18:19:13 +00:00
display: flex
justify-content: space-between
2016-10-31 18:04:15 +00:00
padding: 0 2rem 0 1rem
z-index: 20
2016-10-03 18:19:13 +00:00
width: 100%
2016-10-31 18:04:15 +00:00
border-bottom: 1px solid $color-subtle
2016-10-03 18:19:13 +00:00
2016-10-31 18:04:15 +00:00
&.c-nav--theme
2016-10-03 18:19:13 +00:00
background: $color-theme
color: $color-back
2016-10-31 18:04:15 +00:00
border-bottom: none
2016-10-03 18:19:13 +00:00
2016-10-31 18:04:15 +00:00
&.is-fixed
animation: slideInDown 0.5s ease-in-out
position: fixed
2016-10-03 18:19:13 +00:00
.c-nav__menu
@include size(100%)
display: flex
justify-content: flex-end
flex-flow: row nowrap
border-color: inherit
.c-nav__menu__item
display: flex
align-items: center
height: 100%
2016-10-31 18:04:15 +00:00
text-transform: uppercase
2016-10-03 18:19:13 +00:00
&:not(:last-child)
margin-right: 1em