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

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

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 border-radius($property) {
  border-radius: $property;
	-o-border-radius: $property;
	-moz-border-radius: $property;
	-webkit-border-radius: $property;
}

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 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

<!-- 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

/** Set up custom taxonomy query */
function custom_taxonomies_terms_links() {
  global $post, $post_id;
	// get post by post id
	$post = &get_post($post->ID);
	// get post type by post
	$post_type = $post->post_type;
	// get post type taxonomies
	$taxonomies = get_object_taxonomies($post_type);
	foreach ($taxonomies as $taxonomy) {

jonbellah

<img src="http://www.example.com/images/image-<?php echo rand(1,7); ?>.jpg">

jonbellah

.logo {
  background: url(images/example.jpg);
}

@media (-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) {
	.logo {
		background: url(images/[email protected]);
		background-size: 100px 100px;
	}