diff options
| -rw-r--r-- | sass/header.sass | 38 | ||||
| -rw-r--r-- | site/css/main.css | 55 | ||||
| -rw-r--r-- | templates/main.html | 13 |
3 files changed, 1 insertions, 105 deletions
diff --git a/sass/header.sass b/sass/header.sass index 0ae1105..6e2c081 100644 --- a/sass/header.sass +++ b/sass/header.sass @@ -62,40 +62,4 @@ header +resp(lg)
font-size: 14px
&:hover
- color: $orange
-
- div.header__mobile-menu__buttons
- height: 100%
- width: 30px
- justify-content: center
- display: none
- +resp(sm)
- display: flex
- img
- cursor: pointer
- display: none
- img.active
- display: block
-
-nav#mobile-menu
- z-index: 1
- bottom: 0
- top: 0
- right: 0
- position: fixed
- left: 100%
- background-color: $white
- padding: 70px 15px
- +resp(esm)
- padding: 60px 15px
- a
- display: block
- text-transform: uppercase
- color: $black
- text-decoration: none
- padding: 15px 0
- font-weight: 600
- transition: 0.3s
- border-bottom: 1px solid #e0e0e0
- &:hover
- color: $orange
\ No newline at end of file + color: $orange
\ No newline at end of file diff --git a/site/css/main.css b/site/css/main.css index 458b9b6..f1b0441 100644 --- a/site/css/main.css +++ b/site/css/main.css @@ -275,61 +275,6 @@ header div.header__inner div.header__links-side a { header div.header__inner div.header__links-side a:hover { color: #FFBE12; } -header div.header__inner div.header__mobile-menu__buttons { - height: 100%; - width: 30px; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - display: none; -} -@media only screen and (max-width: 767px) { - header div.header__inner div.header__mobile-menu__buttons { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - } -} -header div.header__inner div.header__mobile-menu__buttons img { - cursor: pointer; - display: none; -} -header div.header__inner div.header__mobile-menu__buttons img.active { - display: block; -} - -nav#mobile-menu { - z-index: 1; - bottom: 0; - top: 0; - right: 0; - position: fixed; - left: 100%; - background-color: #ffffff; - padding: 70px 15px; -} -@media only screen and (max-width: 575px) { - nav#mobile-menu { - padding: 60px 15px; - } -} -nav#mobile-menu a { - display: block; - text-transform: uppercase; - color: #18191C; - text-decoration: none; - padding: 15px 0; - font-weight: 600; - -webkit-transition: 0.3s; - -o-transition: 0.3s; - transition: 0.3s; - border-bottom: 1px solid #e0e0e0; -} -nav#mobile-menu a:hover { - color: #FFBE12; -} section.banner { background-image: url("/img/front-page/banner/banner-bg.svg"); diff --git a/templates/main.html b/templates/main.html index d11e2e0..adff98c 100644 --- a/templates/main.html +++ b/templates/main.html @@ -32,23 +32,10 @@ <a href="/test">TEST AND REPORT A BUG</a>
<a href="http://vyos.io">COMMERCIAL SERVICES</a>
</div>
-
- <div class="header__mobile-menu__buttons">
- <img class="open active" src="/img/header/mobile-menu-open.svg">
- <img class="close" src="/img/header/mobile-menu-close.svg">
- </div>
-
</div>
</div>
</header>
- <nav id="mobile-menu">
- <a href="#">GET VYOS</a>
- <a href="#">CONTRIBUTE</a>
- <a href="#">REPORT A BUG</a>
- <a href="#">COMMERCIAL SERVICES</a>
- </nav>
-
<main>
<div class="container small" id="content">
<!-- content is automatically inserted here -->
|