Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Correction of card replacement #7

Open
wants to merge 4 commits into
base: master
Choose a base branch
from
Open

Correction of card replacement #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6e474b3
Remove hardcoded html from tutorials view
kassiacatarine May 2, 2017
2b909b0
Create tutorial's post in markdown format
kassiacatarine May 2, 2017
73d4020
Create media queries for more homogeneous posts sizes
kassiacatarine May 2, 2017
916663d
fix a wrong alteration
kassiacatarine May 2, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions _posts/2017-04-27-tutorials.markdown
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
---
layout: post
title: "Tutorials"
date: 2017-04-27 16:45:20 -0200
categories: tutorial
highlight: true
image: /img/tutorial.jpg

---

Want to learn how to use Mezuro better? We have some tutorails, check them. Have fun!
30 changes: 30 additions & 0 deletions _sass/_post.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,3 +38,33 @@
}
}
}
@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
.section-highlight {
min-width: 302px;
}
}
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
.section-highlight {
min-width: 431px;
}
}
@media (min-width:641px) {/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
.section-highlight {
min-width: 590px;
}
}
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
.section-highlight {
min-width: 914px;
}
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
.section-highlight {
min-width: 980px;
}
}
@media (min-width:1281px) { /* hi-res laptops and desktops */
.section-highlight {
min-width: 1164px;
}
}
14 changes: 1 addition & 13 deletions tutorials.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,18 +4,6 @@
permalink: /tutorials/
---

<div class="section-highlight section--center mdl-grid mdl-grid--no-spacing mdl-shadow--2dp">

<header class="tutorial-header section__play-btn mdl-cell mdl-cell--3-col-desktop mdl-cell--2-col-tablet mdl-cell--4-col-phone" style=""></header>

<div class="mdl-card mdl-cell mdl-cell--9-col-desktop mdl-cell--6-col-tablet mdl-cell--4-col-phone">
<div class="mdl-card__supporting-text">
<h4>Tutorials</h4>
<p>Want to learn to use Mezuro better? Check those tutorials. Have fun!</p>
</div>
</div>
</div>

<div class="page-content">
{%include posts.html category="tutorial" %}
</div>
</div>