geckotang

// ----
// libsass (v0.8.6)
// ----

div {
  @if 10px == 10 {
    color: blue;
  } @else {
    color: black;
  }

geckotang

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

@function unko($num1, $num2){
  $num1: $num1 + unquote("");
  $num2: $num2 + unquote("");
  @if $num1 == $num2 {
    @return true;

geckotang

カレーを作る

JavaScriptを使ってカレーを作りましょう

材料と鍋を用意します

var ninjin  = new Ninjin();
var jagaimo = new Jagaimo();
var roux = new Roux();

geckotang

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

/* 1 */
.list {
  %list__item {
    background: limegreen;
  }

geckotang

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

/* 1 */
.list {
  %list__item {
    background: limegreen;
  }

geckotang

// ----
// Sass (v3.3.10)
// Compass (v1.0.0.alpha.20)
// ----

/* 2: @at-rootを使ってPlaceholderをBlockの外に出すパターン */
.list {
  @at-root {
    %list__item {
      background: plum;

geckotang

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.0)
// ----

@function initial($propertyName) {
  $dataList: (
  	animation-name: none,
  	animation-duration: 0s,
  	animation-timing-function: ease,

geckotang

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.0)
// ----

@function initial($propertyName) {
  // http://qiita.com/jyane/items/aed390415cb0d804a11b
  $dataList: (
  	animation-name: none,
  	animation-duration: 0s,

geckotang

// ----
// Sass (v3.3.14)
// Compass (v1.0.0.rc.1)
// ----

body {
  z: {
    index: 1;
    index: 2;
    index: 3;

geckotang

    <% @pages.each do |page_file_name, page| %>
      <dl>
      <% @categories.each do |category| %>
        <dt>
        <% if page_file_name === category[1] %>
          <% if file_name === category[1] %>
          <a href="<%= category[1] %>"><b><%= category[0] %></b></a>
          <% else %>
          <a href="<%= category[1] %>"><%= category[0] %></a>
          <% end %>