compass/doc-src/content/stylesheets/main.sass

@import compass/utilities
@import compass/css3
@import blueprint

body
  font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif
  line-height: 1.5
  font-size: 13px

// Layout
#container
  +pie-clearfix

#main
  +column(16, true)
  +prepend(8)

#sidebar
  +column(8)
  +pull(24, true)
  background: #F5F5F5
  h2
    font-size: 16px
    ul
      padding: 5px

// Typography

blockquote
  :font-style italic

hr
  :background none
  :height 0
  :font-size 0
  :line-height 0
  :border none
  :border-top 2px solid #CCC

// Regular data tables
table.datagrid
  border-collapse: collapse
  th
    :background #EEE
  td,
  th
    border: 1px solid #CCC
    text-align: left
    padding: 5px
    cell-spacing: 0

// Reference

body.reference
  h3.mixin
    background-color: #eee
    border: 1px solid #aaa
    padding: 0.75em
    margin-bottom: 0
    a.permalink
      +hover-link
      +link-colors("inherit", "inherit")
  .source-documentation
    background-color: #eee
    border: 1px solid #aaa
    border-top-width: 0
    padding: 0.75em
  a.view-source
    float: right
    margin: 1.25em
  span.color + span.swatch
    margin: 0 3px 3px
    border: 1px solid #333
    width: 1em
    height: 1em
    +inline-block
  .color-snippet
    width: 100px
    height: 20px
    +border-radius(3px)

  
  .tipsy
    padding: 5px
    font-size: 10px
    background-repeat: no-repeat
    background-image= image_url("tipsy.gif")
    &-north
      background-position: top center
    &-south
      background-position: bottom center
    &-east
      background-position: right center
    &-west
      background-position: left center
    &-inner
      padding: 5px 8px 5px 8px
      background-color: black
      color: white
      max-width: 200px
      text-align: center
      +border-radius(3px)

table.constants
  width: 100%
  +alternating-rows-and-columns(#EEE, #bbb, #191919)
  +outer-table-borders(1px)
  +inner-table-borders(1px)
  td, th
    padding: 0.25em 0.5em
  
ol#breadcrumbs
  +horizontal-list
  +no-bullets
  li:after
    content: " > "
  li.last:after
    content: ""
  li.last
    visibility: hidden
body#home #logo
  +replace-text("compass.png", 0px)
  height: 159px

@import partials/syntax.sass
display a mixin source in a modal dialog. 2010-01-23 09:09:59 +00:00			`@import compass/utilities`
Hover tooltips for colors. 2010-01-24 09:34:05 +00:00			`@import compass/css3`
Initial doc site with nanoc. 2010-01-21 06:25:44 +00:00			`@import blueprint`

			`body`
			`font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif`
Slightly better readability 2010-01-23 02:16:47 +00:00			`line-height: 1.5`
Make the docs a little more nicer looking to work in 2010-02-04 21:38:30 +00:00			`font-size: 13px`
Initial doc site with nanoc. 2010-01-21 06:25:44 +00:00
Corrected metadata for current css3 examples so they show up in reference docs 2010-02-04 22:03:33 +00:00			`// Layout`
Initial doc site with nanoc. 2010-01-21 06:25:44 +00:00			`#container`
Make the docs a little more nicer looking to work in 2010-02-04 21:38:30 +00:00			`+pie-clearfix`
Initial doc site with nanoc. 2010-01-21 06:25:44 +00:00
			`#main`
List all the reference content in the sidebar. 2010-02-03 16:02:27 +00:00			`+column(16, true)`
			`+prepend(8)`
Initial doc site with nanoc. 2010-01-21 06:25:44 +00:00
			`#sidebar`
List all the reference content in the sidebar. 2010-02-03 16:02:27 +00:00			`+column(8)`
Initial doc site with nanoc. 2010-01-21 06:25:44 +00:00			`+pull(24, true)`
Make the docs a little more nicer looking to work in 2010-02-04 21:38:30 +00:00			`background: #F5F5F5`
			`h2`
			`font-size: 16px`
			`ul`
			`padding: 5px`
Markdown formatting support for source documentation. 2010-01-23 02:16:25 +00:00
Corrected metadata for current css3 examples so they show up in reference docs 2010-02-04 22:03:33 +00:00			`// Typography`

			`blockquote`
			`:font-style italic`

Ported following pages from the github wiki to the docs: Adding Frameworks to Compass, Supported Frameworks, Compass Plugins. Added some styles where necessary so the content was readable. Used html2haml with some manual adjustment so likely not super perfect. 2010-02-04 23:13:57 +00:00			`hr`
			`:background none`
			`:height 0`
			`:font-size 0`
			`:line-height 0`
			`:border none`
			`:border-top 2px solid #CCC`

			`// Regular data tables`
			`table.datagrid`
			`border-collapse: collapse`
			`th`
			`:background #EEE`
			`td,`
			`th`
			`border: 1px solid #CCC`
			`text-align: left`
			`padding: 5px`
			`cell-spacing: 0`

Corrected metadata for current css3 examples so they show up in reference docs 2010-02-04 22:03:33 +00:00			`// Reference`

Markdown formatting support for source documentation. 2010-01-23 02:16:25 +00:00			`body.reference`
			`h3.mixin`
			`background-color: #eee`
Make the docs a little more nicer looking to work in 2010-02-04 21:38:30 +00:00			`border: 1px solid #aaa`
Markdown formatting support for source documentation. 2010-01-23 02:16:25 +00:00			`padding: 0.75em`
			`margin-bottom: 0`
display a mixin source in a modal dialog. 2010-01-23 09:09:59 +00:00			`a.permalink`
			`+hover-link`
			`+link-colors("inherit", "inherit")`
Markdown formatting support for source documentation. 2010-01-23 02:16:25 +00:00			`.source-documentation`
			`background-color: #eee`
Make the docs a little more nicer looking to work in 2010-02-04 21:38:30 +00:00			`border: 1px solid #aaa`
Markdown formatting support for source documentation. 2010-01-23 02:16:25 +00:00			`border-top-width: 0`
			`padding: 0.75em`
display a mixin source in a modal dialog. 2010-01-23 09:09:59 +00:00			`a.view-source`
			`float: right`
			`margin: 1.25em`
Put color swatches into the main view instead of as popups. 2010-03-17 15:41:30 +00:00			`span.color + span.swatch`
			`margin: 0 3px 3px`
			`border: 1px solid #333`
			`width: 1em`
			`height: 1em`
			`+inline-block`
Hover tooltips for colors. 2010-01-24 09:34:05 +00:00			`.color-snippet`
			`width: 100px`
			`height: 20px`
			`+border-radius(3px)`


			`.tipsy`
			`padding: 5px`
			`font-size: 10px`
			`background-repeat: no-repeat`
			`background-image= image_url("tipsy.gif")`
			`&-north`
			`background-position: top center`
			`&-south`
			`background-position: bottom center`
			`&-east`
			`background-position: right center`
			`&-west`
			`background-position: left center`
			`&-inner`
			`padding: 5px 8px 5px 8px`
			`background-color: black`
			`color: white`
			`max-width: 200px`
			`text-align: center`
			`+border-radius(3px)`

A module documentation for blueprint/colors and a constants partial. 2010-01-24 03:48:25 +00:00			`table.constants`
			`width: 100%`
Make the docs a little more nicer looking to work in 2010-02-04 21:38:30 +00:00			`+alternating-rows-and-columns(#EEE, #bbb, #191919)`
			`+outer-table-borders(1px)`
A module documentation for blueprint/colors and a constants partial. 2010-01-24 03:48:25 +00:00			`+inner-table-borders(1px)`
			`td, th`
			`padding: 0.25em 0.5em`

Breadcrumb trails. 2010-01-25 00:06:34 +00:00			`ol#breadcrumbs`
			`+horizontal-list`
			`+no-bullets`
			`li:after`
			`content: " > "`
			`li.last:after`
A generator for creating reference pages. 2010-01-28 07:44:46 +00:00			`content: ""`
			`li.last`
Simple docs homepage 2010-01-31 18:01:04 +00:00			`visibility: hidden`
Ported following pages from the github wiki to the docs: Adding Frameworks to Compass, Supported Frameworks, Compass Plugins. Added some styles where necessary so the content was readable. Used html2haml with some manual adjustment so likely not super perfect. 2010-02-04 23:13:57 +00:00			`body#home #logo`
Simple docs homepage 2010-01-31 18:01:04 +00:00			`+replace-text("compass.png", 0px)`
Syntax highlighting 2010-02-07 21:58:52 +00:00			`height: 159px`

			`@import partials/syntax.sass`