Instantly share code, notes, and snippets.

View Make Atom's Scrollbar(s) useable
I added this to Atom's styles.less file so I could more easily grab the scrollbar with the mouse.
As it was it was almost unuseable to me and I realized that I was often opening files I wished to edit in a different
editor rather that fighting with it.
I added somestyling to make it more toi l=my liking. I may still tweak the colors or opacity some more.
If you use this you can change the width, height, color and opacity to suit your own personal preference.
Copy and paste in the bottom of your styles.less file in Atom.
It may be an empty file and if so just add this and save it. (ctrl + s).
View index.markdown

Type your answer to the presented equation before the time expires.

View coming-soon.markdown
View adding-css-to-wordpress-theme.php
// Load the theme stylesheets
function theme_styles()
{
// Example of loading a jQuery slideshow plugin just on the homepage
wp_register_style( 'flexslider', get_template_directory_uri() . '/css/flexslider.css' );
// Load all of the styles that need to appear on all pages
wp_enqueue_style( 'main', get_template_directory_uri() . '/style.css' );
View index.html
<h1>Responsive Table</h1>
<table class="table table--responsive">
<thead>
<tr>
<th>Name</th>
<th>Twitter</th>
<th>Website</th>
</tr>
</thead>
View hamburger-icon-animations.markdown
View index.html
<button class="btn-nav">
<div class="bar arrow-top-r"></div>
<div class="bar arrow-middle-r"></div>
<div class="bar arrow-bottom-r"></div>
</button>
<div class="links-con">
<a href="https://antonijasimic.bitbucket.io/text_hover_effects/index.html" target="_blank" class="nav">Home</a>
<a href="https://antonijasimic.bitbucket.io/text_hover_effects/documentation.html" target="_blank" class="nav">Docs</a>
<a href="https://github.com/tonkec/text_hover_effects" class="nav" target="_blank">Download</a>
</div>
View index.html
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 668 151" style="enable-background:new 0 0 668 151;" xml:space="preserve">
<style type="text/css">
.line, .blackOutline{stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.blackOutline{stroke:#333;}
.noBG{fill:none;}
.orangeBG{fill:#D86C43;}
.whiteBG{fill:#FFFFFF;}
.line{stroke:#EAEAEA;stroke-width:2;stroke-dasharray:12;}