horaotoko · June 21, 2012 12:13
diff --git a/gistfile1.sass b/gistfile1.sass
 <!DOCTYPE html>
 <html>
  <head>
    <meta content="application/html; charset=UTF-8" http-equiv="Content-Type" />
    <meta content="text/css" http-equiv="Content-Style-Type" />
    <meta content="text/javascript" http-equiv="Content-Script-Type" />
    <title>
      Test Post
      - harmaa
    </title>
    <meta content="" name="description" />
    <meta content="" name="keywords" />
    <link href="/index.atom" rel="alternate" title="Test Post" type="application/atom+xml" />
    <link href="stylesheets/screen.css" rel="stylesheet" type="text/css" />
    
  </head>
  <body>
  <div class="sample">
  <p class="date</p>">2012年6月21日</p>
  <p>『不思議の国のアリス』（ふしぎのくにのアリス）は、イギリスの数学者にして作家チャールズ・ラトウィッジ・ドジソンが、ルイス・キャロルの筆名で1865年に出版した児童文学である。主人公の少女アリスが、白うさぎ</p>
  
  </div>
  </body>
 </html>

 /*
  Welcome to Compass.
  In this file you should write your main styles. (or centralize your imports)
  Import this file using the following HTML or equivalent:
  <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />

 @import compass/reset
 @import compass/utilities/general/clearfix
 @import compass/css3

 body
  background: #fff
  font:
    size: 13px
    weight: bold
    family: sun-selif

 .sample
  border: #000 solid 1px
  margin: 20px 20px 20px 100px
  position: relative
  padding: 40px
  .date
    display: block
    height: 60px
    width: 60px
    background: #000
    color: #fff
    padding: 20px
    +border-radius(50px)
    position: absolute
    left: -50px
    top:  -20px
    &:after
      content: " "
      display: block
      width: 30px
      height: 30px
      background: yellow
      +border-radius(15px)
      position: absolute
      right: -20px
      top:  20px
	<!DOCTYPE html>
	<html>
	<head>
	<meta content="application/html; charset=UTF-8" http-equiv="Content-Type" />
	<meta content="text/css" http-equiv="Content-Style-Type" />
	<meta content="text/javascript" http-equiv="Content-Script-Type" />
	<title>
	Test Post
	- harmaa
	</title>
	<meta content="" name="description" />
	<meta content="" name="keywords" />
	<link href="/index.atom" rel="alternate" title="Test Post" type="application/atom+xml" />
	<link href="stylesheets/screen.css" rel="stylesheet" type="text/css" />

	</head>
	<body>
	<div class="sample">
	<p class="date</p>">2012年6月21日</p>
	<p>『不思議の国のアリス』（ふしぎのくにのアリス）は、イギリスの数学者にして作家チャールズ・ラトウィッジ・ドジソンが、ルイス・キャロルの筆名で1865年に出版した児童文学である。主人公の少女アリスが、白うさぎ</p>

	</div>
	</body>
	</html>

	/*
	Welcome to Compass.
	In this file you should write your main styles. (or centralize your imports)
	Import this file using the following HTML or equivalent:
	<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />

	@import compass/reset
	@import compass/utilities/general/clearfix
	@import compass/css3

	body
	background: #fff
	font:
	size: 13px
	weight: bold
	family: sun-selif

	.sample
	border: #000 solid 1px
	margin: 20px 20px 20px 100px
	position: relative
	padding: 40px
	.date
	display: block
	height: 60px
	width: 60px
	background: #000
	color: #fff
	padding: 20px
	+border-radius(50px)
	position: absolute
	left: -50px
	top: -20px
	&:after
	content: " "
	display: block
	width: 30px
	height: 30px
	background: yellow
	+border-radius(15px)
	position: absolute
	right: -20px
	top: 20px