Skip to content

Instantly share code, notes, and snippets.

@brenna
brenna / keylines.css
Created September 14, 2012 19:42
Keylines with wrapper
body {
background: #fffbf2;
}
.headline-wrap {
width: 100%;
height: 0;
margin-top: 30px;
border-top: solid 1px #acacac;
border-bottom:solid 1px black;
@brenna
brenna / keylines.css
Created September 14, 2012 20:06
Keylines with :before and :after
.find-parking {
width: 100%;
padding: 20px 0;
overflow: hidden;
background: #92b63c;
background: -moz-linear-gradient(top, #92b63c 0%, #608c1e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #92b63c), color-stop(100%, #608c1e));
background: -webkit-linear-gradient(top, #92b63c 0%, #608c1e 100%);
background: -o-linear-gradient(top, #92b63c 0%, #608c1e 100%);
background: -ms-linear-gradient(top, #92b63c 0%, #608c1e 100%);
var moduleName = {
options: {
},
init: function(options) {
//allow custom options on init
if (options && typeof(options) == 'object') }{
$.extend(moduleName.options, options);
}
@brenna
brenna / filterable.jquery.js
Created August 14, 2013 18:39
Dynamically filter a list of items.
var filters = {
options: {
container : "#filterable",
controlContainer : '#filter',
targetElem : 'li',
controlElem : 'a',
style : 'dim', // options: dim, hide
dimmedOpacity : 0.5,
duration : 300
},
@brenna
brenna / wp-autopopulate-taxonomy
Last active December 26, 2022 23:29
WordPress function to auto-populate a taxonomy with a custom post type's entries.
function custom_tax_init(){
//set some options for our new custom taxonomy
$args = array(
'label' => __( 'My Custom Taxonomy' ),
'hierarchical' => true,
'capabilities' => array(
// allow anyone editing posts to assign terms
'assign_terms' => 'edit_posts',
/* but you probably don't want anyone
@brenna
brenna / SassMeister-input-HTML.html
Created January 26, 2014 00:34 — forked from scottkellum/SassMeister-input-HTML.html
Generated by SassMeister.com.
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum pariatur veritatis quia non reprehenderit blanditiis saepe provident facilis nemo numquam doloribus ex aperiam iste voluptas quam illum quibusdam recusandae modi aspernatur esse nesciunt tempora fugit soluta exercitationem natus maxime inventore possimus? Veniam adipisci cupiditate similique voluptas dignissimos quod vitae? Accusamus beatae cumque sint reprehenderit mollitia debitis neque eos totam temporibus expedita accusantium numquam dignissimos earum nisi obcaecati voluptate odit sit pariatur eaque aspernatur nam voluptatem cupiditate facilis culpa animi tempora id illum omnis iste. Et neque voluptatem suscipit delectus nemo numquam sapiente eum dignissimos ducimus natus quo libero nisi incidunt accusantium sequi illo architecto nostrum minima minus voluptate consequuntur quidem obcaecati temporibus veniam aspernatur. Sapiente ipsam assumenda similique magnam quis possimus quaerat eum tenetur maiores. Repellendus fugiat beatae quasi dol
@brenna
brenna / SassMeister-input-HTML.html
Created April 21, 2014 21:31
Generated by SassMeister.com.
<h1>Hands-on, project-based learning from industry-leading professionals. <br> <span>No grades, just results.</span></h1>
<p class="intro">HackerYou offers Toronto’s best full- and part-time courses for people who want to learn to code. Whether you’re looking to &nbsp;climb the corporate ladder, upgrade your skills, or start an new career, HackerYou is for you.</p>
<h3>Who are we?</h3>
<p>Founded by the team that introduced <a href="http://www.ladieslearningcode.com" >Ladies Learning Code</a> in 2011, HackerYou is the best way to learn to code. The recipe? Hands-on, project based learning from industry-leading professionals. Small classes, and a 10:1 ratio of students to instructors. Hosted in learning environments that inspire. That's HackerYou.</p>
<a href="http://hackeryou.com/about/" class="arrow">Meet the Team and<br>Our Advisors</a>
@brenna
brenna / SassMeister-input-HTML.html
Created May 9, 2014 01:44
Generated by SassMeister.com.
<h1>Advanced Sass Techniques</h1>
<h2>Dry-ify your output with @extend</h2>
<p>To style elements that share a lot of common rules, but differ slightly,
you can use a placehodler selector and @extend. Take a look at the Sass and
output CSS for the headings to see it in action.
</p>
<p>Try it out yourself by styling the h3 with %heading-base and some custom rules.</p>
@brenna
brenna / SassMeister-input-HTML.html
Created October 1, 2014 19:59
Generated by SassMeister.com.
<h1>Sass Mixins</h1>
<h2>are pretty great</h2>
<p class="intro">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Doloribus, aliquid, iure, placeat, in nesciunt nostrum deserunt veritatis quidem voluptatibus ab explicabo temporibus minus eaque laudantium ipsum sit vero quis et.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius, consequatur, quo! Aspernatur, reprehenderit, officia tempore fugit pariatur blanditiis culpa numquam porro magni enim illum repellat dolore mollitia corporis sunt debitis?</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident quia culpa labore voluptatem assumenda ab nam similique deleniti. Explicabo quisquam molestiae quo modi qui deserunt quibusdam quod doloribus rem ratione.</p>
// Block grids
// ----------------------------------
// create an n-up block grid
// works well for > n unequal height items
// use @miixn block-grid on parent elem,
// @mixin block-grid-item on children
@mixin block-grid($gutterWidth: 25){
font-size: 0; //kills inline-block ghost space
margin-left: -#{$gutterWidth}px;