tobynet/Stretch background image.markdown

## index.jade
.container
  h1 豚肉と三匹の子豚

  p むかしむかしあるところに、三匹の子豚がいました。弟は山へバンガローを作りに、兄は川へ水車小屋を作りに、上の兄は街の城へ行きました。

  p 弟がバンガローの作り方をインターネットで検索している頃、兄は木材を切り出しに山へ出かけました。

  p 弟が歩きスマホをしながら、けもの道を歩いていると、熊と鉢合わせ。しかし弟は猟友会の会員でした。まずは、手持ちの散弾銃を一発。 足に命中。動けなくなった熊を見ると、何とそれは兄でした。

  p 怖くなった弟は逃げ出しました。鼻をつくにおいが鼻につきます。こげくさい！ 後ろを振り返ると、それは山火事でした。弟は、バンガローのことは忘れ、急いで下山しました。

## Stretch background image.markdown

      
    Raw
  

              Stretch background image.markdown
            
          
    Stretch background image

Super "cover" background image.
A Pen by TOBY on CodePen.
License.

  
## style.sass
body
  background: url(http://www.placebacon.net/800/600) no-repeat center center fixed
  background-size: cover

// omake
body
  color: white

p
  font-size: 1.2em

## styles
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
	.container
	h1 豚肉と三匹の子豚

	p むかしむかしあるところに、三匹の子豚がいました。弟は山へバンガローを作りに、兄は川へ水車小屋を作りに、上の兄は街の城へ行きました。

	p 弟がバンガローの作り方をインターネットで検索している頃、兄は木材を切り出しに山へ出かけました。

	p 弟が歩きスマホをしながら、けもの道を歩いていると、熊と鉢合わせ。しかし弟は猟友会の会員でした。まずは、手持ちの散弾銃を一発。足に命中。動けなくなった熊を見ると、何とそれは兄でした。

	p 怖くなった弟は逃げ出しました。鼻をつくにおいが鼻につきます。こげくさい！後ろを振り返ると、それは山火事でした。弟は、バンガローのことは忘れ、急いで下山しました。
	body
	background: url(http://www.placebacon.net/800/600) no-repeat center center fixed
	background-size: cover

	// omake
	body
	color: white

	p
	font-size: 1.2em