-///\r
-/// Massively by HTML5 UP\r
-/// html5up.net | @ajlkn\r
-/// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)\r
-///\r
-\r
-/* Nav */\r
-\r
- #nav {\r
- @include color-list(invert);\r
- @include color-typography(invert);\r
- @include vendor('display', 'flex');\r
- @include vendor('transition', (\r
- 'transform 1s ease',\r
- 'opacity 1s ease'\r
- ));\r
- background: rgba(255,255,255,0.175);\r
- height: 4rem;\r
- line-height: 4rem;\r
- margin: -4rem auto 0 auto;\r
- overflow: hidden;\r
- padding: 0 2rem 0 0;\r
- position: relative;\r
- width: calc(100% - #{_size(padding) * 2});\r
- max-width: _size(wrapper);\r
- z-index: 2;\r
-\r
- ul {\r
- &.links {\r
- @include vendor('display', 'flex');\r
- @include vendor('flex-grow', '1');\r
- @include vendor('flex-shrink', '1');\r
- font-family: _font(family-heading);\r
- font-weight: _font(weight-heading);\r
- letter-spacing: 0.075em;\r
- list-style: none;\r
- margin-bottom: 0;\r
- padding-left: 0;\r
- text-transform: uppercase;\r
-\r
- li {\r
- display: block;\r
- padding-left: 0;\r
-\r
- a {\r
- @include vendor('transition', (\r
- 'background-color #{_duration(transition)} ease-in-out',\r
- 'color #{_duration(transition)} ease-in-out'\r
- ));\r
- display: block;\r
- font-size: 0.8rem;\r
- outline: none;\r
- padding: 0 2rem;\r
-\r
- &:hover {\r
- color: inherit !important;\r
- background-color: transparentize(_palette(invert, fg), 0.9);\r
- }\r
- }\r
-\r
- &.active {\r
- background-color: _palette(invert, fg);\r
-\r
- a {\r
- color: _palette(invert, bg);\r
-\r
- &:hover {\r
- color: _palette(invert, accent) !important;\r
- }\r
- }\r
- }\r
- }\r
- }\r
-\r
- &.icons {\r
- @include vendor('flex-grow', '0');\r
- @include vendor('flex-shrink', '0');\r
- margin-bottom: 0;\r
- }\r
- }\r
-\r
- @include breakpoint('<=medium') {\r
- display: none;\r
- }\r
- }
\ No newline at end of file