sr-rolando/rolandjesse.de
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Added responsive definition to images

Browse source 
* .content-section img definition in grayscale.scss
* Remove unecesary duplicated id="{{ page.title }}" definition in posts.html and blog.html
This commit is contained in:
Jorge Arias 2015-11-11 21:13:14 -03:00
parent f37c982fc7
commit ec626ca9d9
3 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
_layouts/blog.html
View file

@ -26,7 +26,7 @@
</div> </div>
</section> </section>
<section id="{{ page.title }}" class="container content-section text-center"> <section class="container content-section text-center">
<div class="row"> <div class="row">
<div class="col-lg-10 col-lg-offset-1"> <div class="col-lg-10 col-lg-offset-1">
{% include social-buttons.html %} {% include social-buttons.html %}

2
_layouts/post.html
View file

@ -33,7 +33,7 @@
</div> </div>
</section> </section>
<section id="{{ page.title }}" class="container content-section text-center"> <section class="container content-section text-center">
<div class="row"> <div class="row">
<div class="col-lg-10 col-lg-offset-1"> <div class="col-lg-10 col-lg-offset-1">
{% include social-buttons.html %} {% include social-buttons.html %}

7
css/grayscale.scss
View file

@ -282,6 +282,13 @@ footer {
background: rgba($light, 0.2); background: rgba($light, 0.2);
} }
/* Added in { Personal } for responsive images in posts and section contents */
.content-section img {
display: block;
max-width: 100%;
height: auto;
}
img::selection { img::selection {
background: transparent; background: transparent;
} }