Commit 351e5ca1 authored by Jacek Lebioda's avatar Jacek Lebioda
Browse files

Shaping Twitter column

parent f8dbf4f9
...@@ -6,7 +6,7 @@ layout: default ...@@ -6,7 +6,7 @@ layout: default
<div id="left-column"></div> <div id="left-column"></div>
<div> <div class="narrower-article-div">
<header> <header>
<h1> <h1>
{{ page.title | escape }} {{ page.title | escape }}
......
...@@ -5,10 +5,10 @@ ...@@ -5,10 +5,10 @@
margin-bottom: 37px; margin-bottom: 37px;
#site-header-wrapper { #site-header-wrapper {
@media only screen and (min-width: 1000px) { @media only screen and (min-width: 1025px) {
padding-left: $PADDING_PAGE_LEFT; padding-left: $PADDING_PAGE_LEFT;
} }
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1025px) {
padding-left: 5px; padding-left: 5px;
ul { ul {
padding-inline-start: 5px; padding-inline-start: 5px;
...@@ -34,7 +34,7 @@ ...@@ -34,7 +34,7 @@
display: none; display: none;
} }
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1025px) {
width: 50px; width: 50px;
height: 50px; height: 50px;
border: solid 2px #e6e6e6; border: solid 2px #e6e6e6;
...@@ -98,7 +98,7 @@ ...@@ -98,7 +98,7 @@
a { a {
display: block; display: block;
white-space: nowrap; white-space: nowrap;
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1025px) {
padding: 12px 16px; padding: 12px 16px;
} }
padding: 5px 16px; padding: 5px 16px;
...@@ -154,14 +154,14 @@ ...@@ -154,14 +154,14 @@
} }
} }
@media only screen and (min-width: 1000px) { @media only screen and (min-width: 1025px) {
padding-left: $PADDING_PAGE_LEFT; padding-left: $PADDING_PAGE_LEFT;
width: $WIDTH_CONTENT; width: $WIDTH_CONTENT;
flex-direction: row; flex-direction: row;
min-width: 400px; min-width: 400px;
} }
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1025px) {
padding-left: 4%; padding-left: 4%;
padding-right: 4%; padding-right: 4%;
width: 92%; width: 92%;
...@@ -181,6 +181,15 @@ ...@@ -181,6 +181,15 @@
margin: 0; margin: 0;
display: flex; display: flex;
div.narrower-article-div {
@media only screen and (min-width: 1500px) {
width: 70%;
}
@media only screen and (max-width: 1500px) {
width: 90%;
}
}
img.fit-width { img.fit-width {
display: -webkit-box; display: -webkit-box;
width: -webkit-fill-available; width: -webkit-fill-available;
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
Gem::Specification.new do |spec| Gem::Specification.new do |spec|
spec.name = "elixir-theme" spec.name = "elixir-theme"
spec.version = "0.4.2" spec.version = "0.4.3"
spec.authors = ["jacek.lebioda"] spec.authors = ["jacek.lebioda"]
spec.email = ["jacek.lebioda@uni.lu"] spec.email = ["jacek.lebioda@uni.lu"]
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment