haruhiko-zht

## 8.0.6
configure_option "--enable-gd"
configure_option "--with-jpeg"
configure_option "--with-zip"
configure_option "--with-mhash"

# require libsodium-dev
configure_option "--with-sodium"

# require postgresql libpq-dev
configure_option "--with-pdo-pgsql"

## stylesheet_demo.scss
// フォント
$font-family_default: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
$font-family_logo: 'Srisakdi', cursive;

// フォントサイズ
$font-size_s: 1rem;
$font-size_m: 1.4rem;
$font-size_default: 1.6rem;
$font-size_l: 2.6rem;
$font-size_xl: 4.2rem;

## counters.css
table {
  /* 'rowCount' という名前のカウンターを設定し、 0 で初期化する。 */
  counter-reset: rowCount;
}

table > tbody > tr {
  /* rowCount カウンターの値に1を加算 */
  counter-increment: rowCount;
}

## stylesheet.css
.aaa {
  width: 100px;
  height: 100px;
  background-color: red;
  position: absolute;
  top: 200px;
  right: 100px;
}

## stylesheet.css
.bbb {
  width: 100px;
  height: 100px;
  background-color: blue;
  position: relative;
}

.ccc {
  width: 50px;
  height: 50px;

## stylesheet.css
.ccc {
  width: 50px;
  height: 50px;
  background-color: green;
  position: absolute;
  bottom: 25px;
  right: 25px;
}

## stylesheet.css
.aaa {
  width: 100px;
  height: 100px;
  background-color: red;
  position: relative;
  left: 100px;
  top: 100px;
}

## stylesheet.css
.aaa {
  width: 100px;
  height: 100px;
  background-color: red;
}

.bbb {
  width: 100px;
  height: 100px;
  background-color: blue;

## index.html
<body>
  <div class="aaa"></div>
  <div class="bbb">
    <div class="ccc"></div>
  </div>
</body>

## script.js
$(function(){

  // クリックされた時に関数を呼び出す
  $("#tab a").click(function(){
    links_slide();
  });

  // 関数
  function links_slide(){
    if($("#links-content").css("left").replace("px","") < 0){
	configure_option "--enable-gd"
	configure_option "--with-jpeg"
	configure_option "--with-zip"
	configure_option "--with-mhash"

	# require libsodium-dev
	configure_option "--with-sodium"

	# require postgresql libpq-dev
	configure_option "--with-pdo-pgsql"
	// フォント
	$font-family_default: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳＰゴシック', 'MS PGothic', sans-serif;
	$font-family_logo: 'Srisakdi', cursive;

	// フォントサイズ
	$font-size_s: 1rem;
	$font-size_m: 1.4rem;
	$font-size_default: 1.6rem;
	$font-size_l: 2.6rem;
	$font-size_xl: 4.2rem;
	table {
	/* 'rowCount' という名前のカウンターを設定し、 0 で初期化する。 */
	counter-reset: rowCount;
	}

	table > tbody > tr {
	/* rowCount カウンターの値に1を加算 */
	counter-increment: rowCount;
	}
	.aaa {
	width: 100px;
	height: 100px;
	background-color: red;
	position: absolute;
	top: 200px;
	right: 100px;
	}
	.bbb {
	width: 100px;
	height: 100px;
	background-color: blue;
	position: relative;
	}

	.ccc {
	width: 50px;
	height: 50px;
	<body>
	<div class="aaa"></div>
	<div class="bbb">
	<div class="ccc"></div>
	</div>
	</body>
	$(function(){

	// クリックされた時に関数を呼び出す
	$("#tab a").click(function(){
	links_slide();
	});

	// 関数
	function links_slide(){
	if($("#links-content").css("left").replace("px","") < 0){