Marfa

/* Mobile first queries */

@media (min-width: 240px) {.container { 
  max-width: 240px}
.container .column, .container .columns {
    float: none;
}
.post-title {
    font-size: 40px;
    font-size: 2rem;}

Marfa

/* Mobile first queries */

@media (min-width: 240px) {
}

@media (min-width: 320px) {}

@media only screen 
and (min-width: 360px)
and (orientation: portrait)

Marfa

[pic](//example.com){:target="_blank" title="desc"}

Marfa

 var disqus_identifier = '{{ post.title }}';

Marfa

<div id="disqus_thread"></div><script type="text/javascript">
                            var disqus_shortname = '{{ site.disqus }}';
                            var disqus_identifier = '{{ post.title }}';
                                                (function() {
                                                    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                                                    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                                                    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                                                })();
                            </script> <noscript>Пожалуйста, включите JavaScript чтобы <a href="http://disqus.com/?ref_noscript">увидеть комментарии.</a></noscript> <a class="dsq-brlink" href="http://disqus.com">Комментарии от <span class="logo-disqus">Disqus</span></a>

Marfa

.spoiler {
    display: block;
    width: 200px;
    border: #ccc solid 1px;
}
.spoiler > .title {
    display: block;
    padding: 4px;
}
.spoiler > .body {

Marfa

<label class="spoiler">
    <input type="checkbox" style="display:none">
    <div class="title">Title</div>
    <div class="body">Lorem ipsum dolor sit amet consectepture adipisicing elit sed do eiusmod.</div>
</label>

Marfa

Single line, no attribution:

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>
</figure>

Single line, with attribution and optional cite:

<figure class="quote">
	<blockquote>It is the unofficial force—the Baker Street irregulars.</blockquote>

Marfa

/* Demo styles */
body{font:.8em Georgia,"Times New Roman",Serif;background:#fff;color:#777;}
/* Styles for dotted border */
figure{/* Allows to fit figcaption to figure horizontally */display:table;
margin-bottom:15px;border:1px dashed #ddd}
/* Change color of border on hover */
figure:hover{border:1px dashed black}
/* Styles for solid border */
figure.solid{display:table;margin-bottom:15px;border:1px solid #ddd}
/* Change color of border on hover */