Skip to content

Instantly share code, notes, and snippets.

View soulrider911's full-sized avatar

Brady Sammons soulrider911

View GitHub Profile
@soulrider911
soulrider911 / SassMeister-input-HTML.html
Created November 6, 2014 05:46
Generated by SassMeister.com.
<header>
<div>
<a href="">Logo</a>
<h1>This is my Header</h1>
</div>
</header>
<section class='one'>
<div>
<h2>Section 1</h2>
@soulrider911
soulrider911 / SassMeister-input-HTML.html
Created November 4, 2014 17:32
Generated by SassMeister.com.
<div class="container">
<h1>Heloo there!!!</h1>
<section class="main">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially
add_theme_support('menus');
/*
http://codex.wordpress.org/Function_Reference/register_nav_menus#Examples
*/
register_nav_menus(array(
'top-bar-l' => 'Left Top Bar', // registers the menu in the WordPress admin menu editor
'top-bar-r' => 'Right Top Bar'
));
@soulrider911
soulrider911 / index.html
Created August 13, 2013 18:47
A CodePen by Brady Sammons. Responsive Navigation Menu - Responsive navigation menu with nesting.
<body>
<nav>
<ul class='clearfix'>
<li><a href="#">Intro</a></li>
<li class='submenu'>
<a href="#">About</a>
<ul>
<li><a href="#">Partners</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Products</a></li>
@mixin background-image-retina($file, $type, $width, $height) {
background-image: url($file + '.' + $type);
@media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) {
& {
background-image: url($file + '@2x.' + $type);
-webkit-background-size: $width $height;
}
}
}