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

Shaping Twitter column

parent f8dbf4f9
......@@ -6,7 +6,7 @@ layout: default
<div id="left-column"></div>
<div>
<div class="narrower-article-div">
<header>
<h1>
{{ page.title | escape }}
......
......@@ -5,10 +5,10 @@
margin-bottom: 37px;
#site-header-wrapper {
@media only screen and (min-width: 1000px) {
@media only screen and (min-width: 1025px) {
padding-left: $PADDING_PAGE_LEFT;
}
@media only screen and (max-width: 1000px) {
@media only screen and (max-width: 1025px) {
padding-left: 5px;
ul {
padding-inline-start: 5px;
......@@ -34,7 +34,7 @@
display: none;
}
@media only screen and (max-width: 1000px) {
@media only screen and (max-width: 1025px) {
width: 50px;
height: 50px;
border: solid 2px #e6e6e6;
......@@ -98,7 +98,7 @@
a {
display: block;
white-space: nowrap;
@media only screen and (max-width: 1000px) {
@media only screen and (max-width: 1025px) {
padding: 12px 16px;
}
padding: 5px 16px;
......@@ -154,14 +154,14 @@
}
}
@media only screen and (min-width: 1000px) {
@media only screen and (min-width: 1025px) {
padding-left: $PADDING_PAGE_LEFT;
width: $WIDTH_CONTENT;
flex-direction: row;
min-width: 400px;
}
@media only screen and (max-width: 1000px) {
@media only screen and (max-width: 1025px) {
padding-left: 4%;
padding-right: 4%;
width: 92%;
......@@ -181,6 +181,15 @@
margin: 0;
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 {
display: -webkit-box;
width: -webkit-fill-available;
......
......@@ -2,7 +2,7 @@
Gem::Specification.new do |spec|
spec.name = "elixir-theme"
spec.version = "0.4.2"
spec.version = "0.4.3"
spec.authors = ["jacek.lebioda"]
spec.email = ["jacek.lebioda@uni.lu"]
......
Markdown is supported
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