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, ol
    list-style-position: inside
    padding-left: 10px
  .selected
    font-weight: bold
  a
    +hover-link

#footer
  +column(24)
  background: #F5F5F5
  border-top: 2px solid #ddd
  margin: 1em 0
  .legalese
    +column(12)
  hr
    +colruler
  .links
    +column(12, true)
    ul
      +no-bullets
      a
        +hover-link

// 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, &.constant
      font-family: Monaco, courier
      font-weight: 200
      +text-shadow
      background-color: #eee
      border: 1px solid #aaa
      padding: 0.75em
      margin-bottom: 0
      a.permalink
        +hover-link
        +link-colors("inherit", "inherit")
    .arg[data-default-value]
      color: #666
      &:before
        content: "["
      &:after
        content: "]"
  .source-documentation
    background-color: #eee
    border: 1px solid #aaa
    border-top-width: 0
    padding: 0.75em
  dl.source-documentation
    margin-top: 0
    dt
      font-weight: bold
      float: left
      margin-right: 15px
    dt:not(:first-child)
      margin-top: 1em
  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)
  a.help
    font-size: 75%

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

p code
  border: 1px solid #ccc
  background-color: #f2f2f2
  padding: 2px

body#reference-compass-css3
  #border-radius
    padding: 2px 8px
    +border-radius(0.75em)
  #text-shadow
    +text-shadow(red)
  
@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`
Some styles. 2010-03-28 06:24:41 +00:00			`ul, ol`
			`list-style-position: inside`
			`padding-left: 10px`
Better indication of the current page in the sidebar. 2010-03-28 06:46:06 +00:00			`.selected`
			`font-weight: bold`
			`a`
			`+hover-link`
How about a footer. 2010-03-30 00:49:13 +00:00
			`#footer`
			`+column(24)`
			`background: #F5F5F5`
			`border-top: 2px solid #ddd`
			`margin: 1em 0`
			`.legalese`
			`+column(12)`
			`hr`
			`+colruler`
			`.links`
			`+column(12, true)`
			`ul`
			`+no-bullets`
			`a`
			`+hover-link`

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`
Don't use a table for constants -- too hard to read. 2010-03-17 15:42:40 +00:00			`h3`
			`&.mixin, &.constant`
			`font-family: Monaco, courier`
			`font-weight: 200`
			`+text-shadow`
			`background-color: #eee`
			`border: 1px solid #aaa`
			`padding: 0.75em`
			`margin-bottom: 0`
			`a.permalink`
			`+hover-link`
			`+link-colors("inherit", "inherit")`
Better display of mixin signatures. 2010-03-29 06:06:56 +00:00			`.arg[data-default-value]`
			`color: #666`
			`&:before`
			`content: "["`
			`&:after`
			`content: "]"`
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`
Don't use a table for constants -- too hard to read. 2010-03-17 15:42:40 +00:00			`dl.source-documentation`
			`margin-top: 0`
			`dt`
			`font-weight: bold`
			`float: left`
			`margin-right: 15px`
			`dt:not(:first-child)`
			`margin-top: 1em`
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)`
Documentation on guarded variables. 2010-03-17 15:59:06 +00:00			`a.help`
			`font-size: 75%`
Hover tooltips for colors. 2010-01-24 09:34:05 +00:00
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`
remove some stale references to the tipsy library. 2010-03-29 06:07:51 +00:00
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`
remove some stale references to the tipsy library. 2010-03-29 06:07:51 +00:00
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`

Some styles. 2010-03-28 06:24:41 +00:00			`p code`
			`border: 1px solid #ccc`
			`background-color: #f2f2f2`
			`padding: 2px`

A little page-specific styling for the css main page. 2010-03-30 00:48:43 +00:00			`body#reference-compass-css3`
			`#border-radius`
			`padding: 2px 8px`
			`+border-radius(0.75em)`
			`#text-shadow`
			`+text-shadow(red)`

Syntax highlighting 2010-02-07 21:58:52 +00:00			`@import partials/syntax.sass`