Skip to content

Instantly share code, notes, and snippets.

@Marfa
Marfa / responsive.css
Created October 18, 2015 11:12
Final css
/* 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
Marfa / responsive.css
Created October 18, 2015 10:59
responsive css
/* Mobile first queries */
@media (min-width: 240px) {
}
@media (min-width: 320px) {}
@media only screen
and (min-width: 360px)
and (orientation: portrait)
@Marfa
Marfa / gist:c65b79e0c55187bc0f7e
Created January 10, 2015 12:29
Image with link
[pic](//example.com){:target="_blank" title="desc"}
@Marfa
Marfa / Fix part
Created October 30, 2014 18:17
Fix part
var disqus_identifier = '{{ post.title }}';
@Marfa
Marfa / Fix for https Postach.io and Disqus
Created October 30, 2014 18:12
Fix for https Postach.io and Disqus
<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>
.spoiler {
display: block;
width: 200px;
border: #ccc solid 1px;
}
.spoiler > .title {
display: block;
padding: 4px;
}
.spoiler > .body {
<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>
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
Marfa / figcaption.css
Last active December 11, 2015 12:48
Demo styles
/* 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 */