From bc70e829aa1545acb04df30bf8e410d78d9cbea4 Mon Sep 17 00:00:00 2001 From: Jacek Lebioda <jacek.lebioda@uni.lu> Date: Wed, 3 Jul 2019 16:02:26 +0200 Subject: [PATCH] Removing the padding from header in low-res --- README.md | 19 ++++++------------- _sass/elixir/_layout.scss | 17 +++++++++++++++-- elixir-theme.gemspec | 2 +- 3 files changed, 22 insertions(+), 16 deletions(-) diff --git a/README.md b/README.md index b65a8d2..5d81769 100644 --- a/README.md +++ b/README.md @@ -1,10 +1,12 @@ # elixir-theme -Welcome to your new Jekyll theme! In this directory, you'll find the files you need to be able to package up your theme into a gem. Put your layouts in `_layouts`, your includes in `_includes`, your sass files in `_sass` and any other assets in `assets`. +## Release history -To experiment with this code, add some sample content and run `bundle exec jekyll serve` – this directory is setup just like a Jekyll site! +### version 0.2.0 +Added responsiveness -TODO: Delete this and the text above, and describe your gem +### version 0.1.0 +Initial theme ## Installation @@ -29,13 +31,6 @@ Or install it yourself as: $ gem install elixir-theme -## Usage - -TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets. - -## Contributing - -Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct. ## Development @@ -47,6 +42,4 @@ When your theme is released, only the files in `_layouts`, `_includes`, `_sass` To add a custom directory to your theme-gem, please edit the regexp in `elixir-theme.gemspec` accordingly. ## License - -The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT). - +Apache2 diff --git a/_sass/elixir/_layout.scss b/_sass/elixir/_layout.scss index f4036cc..a4b7085 100644 --- a/_sass/elixir/_layout.scss +++ b/_sass/elixir/_layout.scss @@ -5,7 +5,15 @@ margin-bottom: 37px; #site-header-wrapper { - padding-left: $PADDING_PAGE_LEFT; + @media only screen and (min-width: 1000px) { + padding-left: $PADDING_PAGE_LEFT; + } + @media only screen and (max-width: 1000px) { + padding-left: 5px; + ul { + padding-inline-start: 5px; + } + } ul { margin-left: 0; @@ -83,7 +91,8 @@ flex-direction: row; } @media only screen and (max-width: 1000px) { - padding-left: 1%; + padding-left: 8px; + padding-right: 8px; width: 98%; flex-direction: column; #left-column { @@ -281,6 +290,10 @@ color: #888; font-size: 11px; padding-top: 20px; + + @media only screen and (max-width: 600px) { + width: 90%; + } } } } diff --git a/elixir-theme.gemspec b/elixir-theme.gemspec index 98bec0f..ff574a2 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.3" + spec.version = "0.2.4" spec.authors = ["jacek.lebioda"] spec.email = ["jacek.lebioda@uni.lu"] -- GitLab