machida

$basic-font-color: #444

#main article
  color: $basic-font-color
  font-size: 14px
  line-height: 1.6

#side h2
  color: $basic-font-color
  font-size: 16px

machida

$main-width: 660px
$side-width: 300px

div#wrap
  width: $main-width + $side-width

div#main
  width: $main-width

div#side

machida

$global-nav-width: 960px
$items: 5

nav#global
  width: $global-nav-width
  ul
    li
      display: inline
      a
        display: block

machida

=blue_button
  text-align: center
  display: block
  font-family: Arial, Helvetica, sans-serif
  font-size: 14px
  color: #ffffff
  line-height: 30px
  width: 80px
  background: -moz-linear-gradient(top, #5779ff 0%, #3254cf)
  background: -webkit-gradient(linear, left top, left bottom, from(#5779ff), to(#3254cf))

machida

%article
  .header
    .title
      %h1= @entry.title
      - unless @entry.category.nil?
        .category
          %a{:href => @entry.category.link}= @entry.category.title
      %p.author
        Posted by #{@entry.user.name}
    .date

machida

<footer id="footer">
  <p class="copyright">Copyright&copy;<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>home"><?php bloginfo('name'); ?></a> <?php echo date('Y'); ?> All Rights Reserved.</p>
</footer>

machida

!!! 5
%html
  %head
    %title= "Your Website"
    %meta{ :content => "", :name => "description" }
    %meta{ :content => "", :name => "author" }
    %link{ :href => "/feed", :rel => "alternate", :title => "Atom", :type => "application/atom+xml" }
    %link{ :href => "/css/screen.css", :media => "screen", :rel => "stylesheet" }
    %script{:type => "text/javascript", :src => "http://code.jquery.com/jquery-1.7.min.js"}
    /[if lt IE 9]

machida

<ul>
  <?php if (have_posts()) : query_posts('&tag=wordpress&showposts=10'); ?>
  <?php while (have_posts()) : the_post(); ?>
    <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
  <?php endwhile; endif; ?>
  <?php wp_reset_query();?>
</ul>

machida

$(document).ready ->
  $("a[href^=http]").not("[href*=" + location.hostname + "]").attr "target", "_blank"

machida

$ ->
  $("nav#global").css "height", $("body").height()