jonbellah

<!-- Begin filter links -->
<div class="portfolio-filters">

<ul id="filters">
  <li><a href="#" data-filter="*">All</a></li>
	<!-- Begin filter loop -->
	<?php
	// Create an array and assign the projects taxonomy to it
	$args = array( 'taxonomy' => 'skills' );
	// Call the categories from this array

jonbellah

@mixin gradient($from, $to) {
  background: $from; 
	background: -moz-linear-gradient(top,  $to 0%, $from 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$to), color-stop(100%,$from));
	background: -webkit-linear-gradient(top,  $to 0%, $from 100%);
	background: -o-linear-gradient(top,  $to 0%, $from 100%);
	background: -ms-linear-gradient(top,  $to 0%, $from 100%);
	background: linear-gradient(to bottom,  $to 0%, $from 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$to', endColorstr='$from',GradientType=0 );
}

jonbellah

@mixin image-2x($image, $width, $height) {
  @media (min--moz-device-pixel-ratio: 1.3),
         (-o-min-device-pixel-ratio: 2.6/2),
         (-webkit-min-device-pixel-ratio: 1.3),
         (min-device-pixel-ratio: 1.3),
         (min-resolution: 1.3dppx) {
              background-image: url($image);
              background-size: $width $height;
          }
}

jonbellah

@mixin border-radius($property) {
  border-radius: $property;
	-o-border-radius: $property;
	-moz-border-radius: $property;
	-webkit-border-radius: $property;
}

jonbellah

@mixin transition($property, $speed) {
  transition: $property $speed linear;
	-o-transition: $property $speed linear;
	-ms-transition: $property $speed linear;
	-moz-transition: $property $speed linear;
	-webkit-transition: $property $speed linear;
}

jonbellah

@mixin prefix($name, $value) {
  -webkit-#{$name}: $value;
	-moz-#{$name}: $value;
	-ms-#{$name}: $value;
	-o-#{$name}: $value;
	#{$name}: $value;
}

jonbellah

<?php if(!is_mobile()) { ?>
  
    <nav id="navigation" class="site-navigation" role="navigation">
      <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    </nav><!-- #site-navigation -->
    
<?php } else { ?>
  
    <!-- Start mobile nav menu -->
    <nav class="mobile-dropdown">

jonbellah

.dropdown {
  position: absolute;
	z-index: 9999999;
	display: none;
}

.dropdown .dropdown-menu,
.dropdown .dropdown-panel {
	list-style: none;
	background: #FFF;

jonbellah

$ sass --watch style.scss:style.css --style compressed

jonbellah

$ compass create path/to/your_project