From 2d2b8ccd36b212d4de03c9698e031d810043a906 Mon Sep 17 00:00:00 2001 From: Jacek Lebioda <jacek.lebioda@uni.lu> Date: Mon, 8 Jul 2019 15:59:43 +0200 Subject: [PATCH] Hamburger menu icon --- _sass/elixir/_base.scss | 4 ++++ _sass/elixir/_layout.scss | 4 ++++ elixir-theme.gemspec | 2 +- 3 files changed, 9 insertions(+), 1 deletion(-) diff --git a/_sass/elixir/_base.scss b/_sass/elixir/_base.scss index df105e3..b1b15a2 100644 --- a/_sass/elixir/_base.scss +++ b/_sass/elixir/_base.scss @@ -10,6 +10,10 @@ $PADDING_PAGE_LEFT_NO_COLUMN: 21%; $WIDTH_CONTENT: 74%; $WIDTH_CONTENT_NO_COLUMN: 58%; +html { + overflow-x: hidden; +} + body { -webkit-font-smoothing: antialiased; font-family: $FONT_DEFAULT; diff --git a/_sass/elixir/_layout.scss b/_sass/elixir/_layout.scss index d48f4a2..ca9813f 100644 --- a/_sass/elixir/_layout.scss +++ b/_sass/elixir/_layout.scss @@ -28,6 +28,8 @@ } .hamburger { + background: none; + @media only screen and (max-width: 1000px) { width: 50px; height: 50px; @@ -38,6 +40,8 @@ top: 30px; right: 20px; z-index: 1; + background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNBNAaMQAAADTSURBVHhe7dhBDoJAEERRTmOIl0eM5zIqusbfsV0O4pLmv6R2vekBJqQ6SZIkSfqa57knJ/IgW/ckZ9LnestikNxINbHT70NgKJ58VWOu2cZQhde+Zco12xiKb6aqVQcQF0ZVQ67ZxlDVS/BKDrnmMgbjEEYyka2LHQaybnlJkrRv/DQcyYW8yNb93QfE8ndSzeo+IJ58Vav6gAqvfYt9QK7ZxpB9ALEPIPYBkiRpf/hpsA8g1dgHwD4g12xjyD7gM1uSfUCuuYxB+wBJkiRJhXXdGwOonxm4AJQaAAAAAElFTkSuQmCC'); + background-size: contain; input { opacity: 0; diff --git a/elixir-theme.gemspec b/elixir-theme.gemspec index c278905..45b4315 100644 --- a/elixir-theme.gemspec +++ b/elixir-theme.gemspec @@ -2,7 +2,7 @@ Gem::Specification.new do |spec| spec.name = "elixir-theme" - spec.version = "0.2.6" + spec.version = "0.2.7" spec.authors = ["jacek.lebioda"] spec.email = ["jacek.lebioda@uni.lu"] -- GitLab