html
body #search-results -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16) -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16) box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.16) background-color: $light-grey color: $dark-grey font-size: 15px z-index: 0 font-weight: 300 position: fixed top: 80px @media screen and ($tablet) top: 60px left: 0 width: 100% padding: $section-margin/2 $site-margin @media screen and ($mobile) padding: $section-margin/4 $site-margin/2 article margin: 20px 0 nav div &.search-container width: 100% z-index: 10 box-sizing: border-box padding-right: $site-margin display: none position: absolute top: 0 left: 50% transform: translateX(-50%) height: 100% max-width: 1280px // margin-left: $site-margin // margin-right: $site-margin // @media screen and ($mobile) // margin-left: $site-margin/2 // margin-right: $site-margin/2 .close-search background-color: $white position: absolute top: 0 right: 0 height: 100% display: flex justify-content: flex-end align-items: center .close-search-button position: relative height: 25px width: 25px &:hover cursor: pointer .close-search-line background-color: $blue .close-search-line width: 25px position: absolute top: 11px right: 0 height: 2px background-color: $black transition: background-color .3s ease &#line-a transform: rotate(45deg) &#line-b transform: rotate(-45deg) form width: 100% height: 100% input font-family: 'Open Sans', sans-serif width: 100% height: 100% font-size: 20px padding: 0 border: none color: $black &:focus outline: none