runa-ichinose

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

//ブレイクポイントを設定
$bp-table: 1024px;
$bp-sp: 640px;
$bp-iphone: 320px;

runa-ichinose

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

@mixin yoko {
  @media all and (orientation:landscape) {
    @content;
  }
}

runa-ichinose

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

// 付与するベンダープレフィックス
$prefixList: -webkit-, -moz-, -o-, null;


// background-size

runa-ichinose

// ----
// Sass (v3.4.13)
// Compass (v1.0.3)
// ----

$setPrefix: -webkit, -moz-, -0-, null;

@mixin linkIcon($color: #333) {
  &:before {
    content: "";

runa-ichinose

<header class="global"><h1>略・・・</h1>  
  
<p class="description">・・・略・・・</p>
<nav>
<ul>
  
<li><a herf="/">トップ</a></li>
<li><a herf="/about">書籍について</a></li>
<li><a herf="/source">サンプルソース</a></li>
<li><a herf="/dl/">ダウンロード</a></li>

runa-ichinose

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$spaceClass: true !default;
$spacePadding: false !default;
$endValue: 10 !default;

@if $spaceClass {

runa-ichinose

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

.item {
  width: calc(100% - 1px * 2);
}

$border: 1px;

runa-ichinose

<p class="image">あああああああ　</p>
<p class="text">いいいいいい</p>

runa-ichinose

<p>あああああ</p>
  
<p class="item">aaaaa</p>  
  
 <ul class="box"><li>1</li>  
    <li>2</li>
   <li>3</li>
 </ul> 
  
  

runa-ichinose

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$setPrefix: -webkit-, -moz-, -o-, null;

body:after {
  content:"";
  width:100px;