cfarm

/* ==========================================================================
   Capital Framework
   Icons
   ========================================================================== */
/* topdoc
  name: Less variables
  family: cf-icons
  notes:
    - "These variables can be overriden in your project's Less file."
  patterns:

cfarm

// To play nicer with nemo, add js class to body element
var bodyTag = document.getElementsByTagName("body")[0];
bodyTag.className += " js";

$('.toggle-menu').on('click', function(){
    $('nav.main ul').toggleClass('vis');
});

window.$ = $;
window.jQuery = $;

cfarm

.toggle-menu {
  display: none;
  position: absolute;
  left: 10px;
  top: 20px;
  font-size: 18px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;

cfarm

<select name="birthday" id="birthday">
	<option value="january">January</option>
	<option value="february">February</option>
	<option value="march">March</option>
	<option value="april">April</option>
	<option value="may">May</option>
	<option value="june">June</option>
	<option value="july">July</option>
	<option value="august">August</option>
	<option value="september">September</option>

cfarm

Workflow for Git and Github

1. Create a new branch from master:

2. git checkout master or git status to confirm you're working on master

3. git branch my-new-branch

4. Check out the new branch!!!

git checkout my-new-branch

cfarm

:):):):):):):):):):):):):):):):):):):):)
:)(mooning):):):)(mooning):)(mooning):)(mooning):):)(mooning):)(mooning)(mooning)(mooning)(mooning)(mooning):)
:):)(mooning):)(mooning):):)(mooning):)(mooning)(mooning):)(mooning):):):):)(mooning):):)
:):):)(mooning):):):)(mooning):)(mooning):):)(mooning):):):)(mooning):):):)
:):):)(mooning):):):)(mooning):)(mooning):)(mooning)(mooning):):)(mooning):):):):)
:):):)(mooning):):):)(mooning):)(mooning):):)(mooning):)(mooning):):):):):)
:):):)(mooning):):):)(mooning):)(mooning):):)(mooning):)(mooning)(mooning)(mooning)(mooning)(mooning):)
:):):):):):):):):):):):):):):):):):):):)
:):):):):):):):):):):):):):):):):):):):)
(mooning):):):)(mooning):)(mooning):):)(mooning):):):):)(mooning):):):):):)

cfarm

<!--[if lt IE 9]><link href="no-media-queries.css" rel="stylesheet" media="screen" type="text/css" /><![endif]-->

cfarm

// no-media-queries.scss
$supported: false;

// import our styles from our main stylesheet!
@import “main”;

cfarm

// no-media-queries.scss

// import our styles from our main stylesheet!
@import main.scss

cfarm

$supported: true !default; // this makes this stylesheet output media queries from our mixin

@mixin breakpoint($screenWidth: 400px, $support: $supported) {
	@if $support == true {
		// output the mixin content inside of a media query
	  	@media screen and (min-width: $screenWidth) { @content; }
	}
	@else {
		// output ALL the style content inside the mixin, without a media query
		@content;