Browse Source

fixed rake preview and updated sass to sass3 syntax

unreleased_contents
B Mathis 14 years ago
parent
commit
76b8b8ca45
  1. 2
      Gemfile
  2. 6
      Rakefile
  3. 2
      stylesheets/_base.sass
  4. 42
      stylesheets/_layout.sass
  5. 14
      stylesheets/_library.sass
  6. 22
      stylesheets/_partials.sass
  7. 16
      stylesheets/_typography.sass
  8. 6
      stylesheets/library/_float.sass
  9. 8
      stylesheets/library/_link_colors.sass
  10. 6
      stylesheets/library/_list_borders.sass
  11. 36
      stylesheets/library/_reset.sass
  12. 146
      stylesheets/library/_typography.sass
  13. 14
      stylesheets/partials/_blog.sass
  14. 12
      stylesheets/partials/_footer.sass
  15. 4
      stylesheets/partials/_header.sass
  16. 20
      stylesheets/partials/_navigation.sass
  17. 6
      stylesheets/partials/_page.sass
  18. 10
      stylesheets/partials/_search.sass
  19. 16
      stylesheets/partials/_sidebar.sass
  20. 88
      stylesheets/partials/_syntax.sass
  21. 4
      stylesheets/partials/_twitter.sass
  22. 12
      stylesheets/screen.sass

2
Gemfile

@ -5,6 +5,6 @@ gem 'activesupport', "2.3.2"
gem 'henrik-jekyll' gem 'henrik-jekyll'
gem 'compass' gem 'compass'
gem 'compass-colors' gem 'compass-colors'
gem 'rdiscount' gem 'kramdown'
gem 'fssm' gem 'fssm'
gem 'serve' gem 'serve'

6
Rakefile

@ -43,7 +43,7 @@ end
desc "generate website in output directory" desc "generate website in output directory"
task :generate => [:generate_site, :generate_style] do task :generate => [:generate_site, :generate_style] do
puts ">>> Site Generating Complete! <<<\n\n" puts ">>> Site Generating Complete! <<<\n\n>>> Refresh your browser <<<"
end end
# usage rake post[my-new-post] or rake post['my new post'] or rake post (defaults to "new-post") # usage rake post[my-new-post] or rake post['my new post'] or rake post (defaults to "new-post")
@ -166,6 +166,7 @@ task :start_serve => :stop_serve do
cd "#{site}" do cd "#{site}" do
print "Starting serve..." print "Starting serve..."
ok_failed system("serve #{port} > /dev/null 2>&1 &") ok_failed system("serve #{port} > /dev/null 2>&1 &")
system "open http://localhost:#{port}"
end end
end end
@ -181,8 +182,7 @@ task :stop_serve do
end end
desc "preview the site in a web browser" desc "preview the site in a web browser"
multitask :preview => [:start_serve] do multitask :preview => [:generate, :start_serve, :watch] do
system "open http://localhost:#{port}"
end end

2
stylesheets/_base.sass

@ -1,3 +1,3 @@
//compass default reset //compass default reset
+global-reset +global-reset
@import "compass/utilities" @import compass

42
stylesheets/_layout.sass

@ -1,51 +1,51 @@
!page_pad = 30px $page_pad: 30px
!page_width = 980px $page_width: 980px
!sidebar_margin = 20px $sidebar_margin: 20px
!sidebar_width = 280px $sidebar_width: 280px
$default_border_radius = 4px $default_border_radius: 4px
html body html body
background-color: #{!body_bg} background-color: $body_bg
color: #{!body_color} color: $body_color
a a
color: #{!link_color} color: $link_color
&:hover, &:focus &:hover, &:focus
color: #{saturate(darken(!link_color, 15), 20)} color: saturate(darken($link_color, 15), 20)
&:visited &:visited
color: #{darken(adjust_hue(!link_color, 70), 10)} color: darken(adjust_hue($link_color, 70), 10)
#header, #footer, #nav #header, #footer, #nav
.content .content
position: relative position: relative
margin: 0 auto margin: 0 auto
width: #{!page_width - !page_pad} width: $page_width - $page_pad
padding: 0 #{!page_pad/2} padding: 0 $page_pad/2
#page, #header, #footer, #nav #page, #header, #footer, #nav
min-width: #{!page_width} min-width: $page_width
#page, #content, .content #page, #content, .content
+pie-clearfix +pie-clearfix
#content #content
margin: 0 auto margin: 0 auto
width: #{!page_width - !sidebar_width - !page_pad/2} width: $page_width - $sidebar_width - $page_pad/2
padding: 0 #{!sidebar_width} 0 #{!page_pad/2} padding: 0 $sidebar_width 0 $page_pad/2
#main #main
float: left float: left
width: 100% width: 100%
.content .content
padding-right: #{!sidebar_margin} padding-right: $sidebar_margin
#sidebar #sidebar
float: left float: left
width: #{!sidebar_width - !sidebar_margin} width: $sidebar_width - $sidebar_margin
margin: 0 -100% 0 0 margin: 0 -100% 0 0
padding: #{!page_pad} 0 #{!page_pad} #{!sidebar_margin} padding: $page_pad 0 $page_pad $sidebar_margin
#page.expanded #page.expanded
#content #content
width: #{!page_width - !page_pad/2} width: $page_width - $page_pad/2
padding: 0 0 0 #{!page_pad/2} padding: 0 0 0 $page_pad/2
#sidebar #sidebar
float: none float: none
margin: 0 margin: 0
padding: 0 0 #{!page_pad} padding: 0 0 $page_pad

14
stylesheets/_library.sass

@ -1,7 +1,7 @@
@import "compass/utilities" @import compass/utilities
@import "compass/css3" @import compass/css3
@import "library/reset" @import library/reset
@import "library/list_borders" @import library/list_borders
@import "library/typography" @import library/typography
@import "library/link_colors" @import library/link_colors

22
stylesheets/_partials.sass

@ -1,13 +1,13 @@
@import partials/shared.sass @import partials/shared
@import partials/syntax.sass @import partials/syntax
@import partials/search.sass @import partials/search
@import partials/sidebar.sass @import partials/sidebar
@import partials/twitter.sass @import partials/twitter
/* layout partials */ /* layout partials */
@import partials/header.sass @import partials/header
@import partials/navigation.sass @import partials/navigation
@import partials/page.sass @import partials/page
@import partials/sidebar.sass @import partials/sidebar
@import partials/blog.sass @import partials/blog
@import partials/footer.sass @import partials/footer

16
stylesheets/_typography.sass

@ -1,7 +1,7 @@
!base_font_size = 16px $base_font_size: 16px
!base_font_size_small = 13px $base_font_size_small: 13px
!base_font_color = #333 $base_font_color: #333
$default_border_radius = 6px $default_border_radius: 6px
+general-typography +general-typography
=heading-font =heading-font
@ -10,7 +10,7 @@ $default_border_radius = 6px
+serif-font +serif-font
body body
font-size= !base_font_size font-size: $base_font_size
+serif-font +serif-font
h1,h2,h3,h4,h5,h6 h1,h2,h3,h4,h5,h6
@ -33,13 +33,13 @@ blockquote
color: #ddd color: #ddd
cite cite
+sans-font +sans-font
font-size= !base_font_size - 2px font-size: $base_font_size - 2px
display: block display: block
padding-top= !base_font_size padding-top: $base_font_size
&:before &:before
content: "\30FC" content: "\30FC"
padding-right: 2px padding-right: 2px
a a
color: inherit !important color: inherit !important
&:hover &:hover
color= !link_color !important color: $link_color !important

6
stylesheets/library/_float.sass

@ -3,9 +3,9 @@
@import modules/_clearfix.sass @import modules/_clearfix.sass
// Available as alternate syntax with just +float // Available as alternate syntax with just +float
=float(!side = "left") =float($side: "left")
:display inline display: inline
:float= !side float: !side
// Implementation of float:left with fix for double-margin bug // Implementation of float:left with fix for double-margin bug
=float-left =float-left

8
stylesheets/library/_link_colors.sass

@ -1,7 +1,7 @@
$default_link_color: #165B94 !default $default_link_color: #165B94 !default
$default_link_color_hover: #fff !default $default_link_color_hover: #fff !default
$default_link_color_alt: #91D5F1 !default $default_link_color_alt: #91D5F1 !default
$default_link_color_hover_alt: #000 !default $default_link_color_hover_alt: #000 !default
=link-color($hover: true) =link-color($hover: true)
+link-color-style($default_link_color, $default_link_color_hover, $default_link_color, $hover) +link-color-style($default_link_color, $default_link_color_hover, $default_link_color, $hover)

6
stylesheets/library/_list_borders.sass

@ -1,6 +1,6 @@
=list-borders(!color1,!color2) =list-borders($color1, $color2)
border-left= "1px solid" !color1 border-left: 1px solid $color1
border-right= "1px solid" !color2 border-right: 1px solid $color2
&.alpha &.alpha
border-left: none border-left: none
&.omega &.omega

36
stylesheets/library/_reset.sass

@ -22,37 +22,37 @@
table table
+reset-table +reset-table
a img a img
:border none border: none
=reset-box-model =reset-box-model
:margin 0 margin: 0
:padding 0 padding: 0
:border 0 border: 0
=reset =reset
+reset-box-model +reset-box-model
:font font:
:weight inherit weight: inherit
:style inherit style: inherit
:size 100% size: 100%
:family inherit family: inherit
:vertical-align baseline vertical-align: baseline
=reset-quotation =reset-quotation
+reset +reset
:quotes "" "" quotes: "" ""
&:before, &:before,
&:after &:after
:content "" content: ""
=reset-table-cell =reset-table-cell
+reset +reset
:text-align left text-align: left
:font-weight normal font-weight: normal
:vertical-align middle vertical-align: middle
=reset-table =reset-table
+reset +reset
:border-collapse separate border-collapse: separate
:border-spacing 0 border-spacing: 0
:vertical-align middle vertical-align: middle

146
stylesheets/library/_typography.sass

@ -1,70 +1,74 @@
!base_font_size ||= 16px $base-font-size: 16px !default
!small ||= floor(!base_font_size * .85) $small: floor($base-font-size * 0.85) !default
!big ||= floor(!base_font_size * 1.25) $big: floor($base-font-size * 1.25) !default
!base_font_color ||= #333 $base-font-color: #333333 !default
!h6 = ceil(!base_font_size*1) $h6: ceil($base-font-size * 1)
!h5 = ceil(!base_font_size*1) $h5: ceil($base-font-size * 1)
!h4 = ceil(!base_font_size*1.2) $h4: ceil($base-font-size * 1.2)
!h3 = ceil(!base_font_size*1.8) $h3: ceil($base-font-size * 1.8)
!h2 = ceil(!base_font_size*2.8) $h2: ceil($base-font-size * 2.8)
!h1 = ceil(!base_font_size*3.2) $h1: ceil($base-font-size * 3.2)
=heading-font =heading-font
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
=sans-font =sans-font
font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif
=serif-font =serif-font
font-family: Georgia, Times, "Times New Roman", serif font-family: Georgia, Times, "Times New Roman", serif
=fixed-font =fixed-font
font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace font-family: "Menlo", "Bitstream Vera Sans", Monaco, "Andale Mono", "Lucida Console", monospace
=mono-font =mono-font
+fixed-font +fixed-font
=general-typography(!font_size = !base_font_size) =general-typography($font-size: $base-font-size)
+set-heading-sizes(!font_size) +set-heading-sizes($font-size)
+typography-defaults(!font_size) +typography-defaults($font-size)
=set-heading-sizes(!font_size = !base_font_size) =set-heading-sizes($font-size: $base-font-size)
!h6 = ceil(!font_size*1) $h6: ceil($font-size * 1)
!h5 = ceil(!font_size*1) $h5: ceil($font-size * 1)
!h4 = ceil(!font_size*1.2) $h4: ceil($font-size * 1.2)
!h3 = ceil(!font_size*1.8) $h3: ceil($font-size * 1.8)
!h2 = ceil(!font_size*2.8) $h2: ceil($font-size * 2.8)
!h1 = ceil(!font_size*3.2) $h1: ceil($font-size * 3.2)
h1, h2, h3, h4 h1, h2, h3, h4
&:first-child &:first-child
margin-top: 0 margin-top: 0
h1,h2,h3,h4,h5,h6 h1,h2,h3,h4,h5,h6
line-height: 1.1em line-height: 1.1em
margin-bottom: .7em margin-bottom: 0.7em
margin-top: .3em margin-top: 0.3em
h1 h1
font-size= !h1 font-size: $h1
h2 h2
font-size= !h2 font-size: $h2
h3 h3
font-size= !h3 font-size: $h3
h4 h4
font-size= !h4 font-size: $h4
h5 h5
font-size= !h5 font-size: $h5
h6 h6
font-size= !h6 font-size: $h6
=typography-defaults(!font_size = !base_font_size) =typography-defaults($font-size: $base-font-size)
body body
line-height: 1.45em line-height: 1.45em
color= !base_font_color color: $base-font-color
p p
+p-style(!font_size) +p-style($font-size)
table table
+table-style(!font_size) +table-style($font-size)
ol ol
+ol-style(!font_size) +ol-style($font-size)
ul ul
+ul-style(!font_size) +ul-style($font-size)
dl dl
+dl-style(!font_size) +dl-style($font-size)
blockquote blockquote
+quote-style +quote-style
q q
@ -80,88 +84,88 @@
del del
text-decoration: line-through text-decoration: line-through
span.highlight, em.highlight, strong.highlight span.highlight, em.highlight, strong.highlight
background-color: #ff6 background-color: #ffff66
padding: 2px padding: 2px
margin: 0 -2px margin: 0 -2px
abbr, acronym abbr, acronym
border-bottom: 1px dotted border-bottom: 1px dotted
cursor: help cursor: help
address address
margin-top= !font_size * 1.625 margin-top: $font-size * 1.625
font-style: italic font-style: italic
pre, code, tt pre, code, tt
+fixed-font +fixed-font
line-height= !font_size * 1.5 line-height: $font-size * 1.5
tt tt
display: block display: block
margin= !font_size * 1.625 0 margin: $font-size * 1.625 0
sub, sup sub, sup
line-height: 0 line-height: 0
hr hr
margin-bottom: .2em margin-bottom: 0.2em
small, .small small, .small
font-size= floor(!font_size * .85) font-size: floor($font-size * 0.85)
big, .big big, .big
font-size= floor(!font_size * 1.25) font-size: floor($font-size * 1.25)
=ol-style(!font_size = !base_font_size) =ol-style($font-size: $base-font-size)
list-style: inside decimal list-style: inside decimal
margin= 0 0 !font_size * 1.625 margin: 0 0 $font-size * 1.625
li ol li ol
margin= 0 0 !font_size * 1.625 margin: 0 0 $font-size * 1.625
=ul-style(!font_size = !base_font_size) =ul-style($font-size: $base-font-size)
list-style: inside list-style: inside
margin= 0 0 !font_size * 1.625 margin: 0 0 $font-size * 1.625
li ul li ul
margin= 0 0 !font_size * 1.625 margin: 0 0 $font-size * 1.625
=dl-style(!font_size = !base_font_size) =dl-style($font-size: $base-font-size)
margin= 0 0 !font_size * 1.625 margin: 0 0 $font-size * 1.625
dt dt
font-weight: bold font-weight: bold
dd dd
margin-left= !font_size * 1.625 margin-left: $font-size * 1.625
=quote-style(!font_size = !base_font_size) =quote-style($font-size: $base-font-size)
padding= !font_size*1.5 !font_size*1.5 !font_size * 1.5 !font_size * 1.8 padding: $font-size * 1.5 $font-size * 1.5 $font-size * 1.5 $font-size * 1.8
position: relative position: relative
margin-bottom= !font_size * 0.8125 margin-bottom: $font-size * 0.813
&:before &:before
content: "\201C" content: "\201C"
font-size= !font_size * 3 font-size: $font-size * 3
margin= 5px 0 0 -.525em margin: 5px 0 0 -0.525em
position: absolute position: absolute
font-family: Times, Georgia, serif font-family: Times, Georgia, serif
line-height: 0 line-height: 0
> p > p
padding: 0 padding: 0
margin: 0 margin: 0
=p-style(!font_size = !base_font_size) =p-style($font-size: $base-font-size)
padding-bottom: 1.3em padding-bottom: 1.3em
img img
float: left float: left
margin: margin:
top= !font_size * .5 top: $font-size * 0.5
right= !font_size * .8125 right: $font-size * 0.813
bottom= !font_size* .8125 bottom: $font-size * 0.813
left= 0 left: 0
padding: 0 padding: 0
&.right &.right
margin: margin:
right= 0 right: 0
left= !font_size * .8125 left: $font-size * 0.813
=table-style(!font_size = !base_font_size) =table-style($font-size: $base-font-size)
margin= 0 0 !font_size * 1.625 margin: 0 0 $font-size * 1.625
border-collapse: collapse border-collapse: collapse
th th
font-weight: bold font-weight: bold
tr, th, td tr, th, td
margin: 0 margin: 0
padding= 0 !font_size * 1.625 0 !font_size padding: 0 $font-size * 1.625 0 $font-size
tfoot tfoot
font-style: italic font-style: italic
caption caption
text-align: center text-align: center

14
stylesheets/partials/_blog.sass

@ -1,26 +1,26 @@
.blog .blog
h2 h2
padding-top: 0 padding-top: 0
margin-bottom: .1em margin-bottom: 0.1em
.title .title
text-decoration: none text-decoration: none
&:hover &:hover
text-decoration: underline text-decoration: underline
.article .article
padding: #{!base_font_size * 1.5 0} #{!base_font_size * 1.5} padding: $base-font-size * 1.5 0 $base-font-size * 1.5
border-bottom: 1px solid #{!article_border} border-bottom: 1px solid $article-border
&:first-child &:first-child
padding-top: 0 padding-top: 0
#disqus_thread #disqus_thread
padding-top: #{!base_font_size} padding-top: $base-font-size
.meta .meta
+sans-font +sans-font
border-bottom: 1px dashed #ddd border-bottom: 1px dashed #dddddd
text-transform: uppercase text-transform: uppercase
color: #777 color: #777777
padding: 8px 0 5px padding: 8px 0 5px
margin-bottom: 1.5em margin-bottom: 1.5em
font-size: 75% font-size: 75%
letter-spacing: 1px letter-spacing: 1px
.footer .footer
padding-top: 15px padding-top: 15px

12
stylesheets/partials/_footer.sass

@ -1,12 +1,12 @@
#footer #footer
+linear-gradient(color_stops(darken(!body_bg, 5), !body_bg)) +linear-gradient(color-stops(darken($body-bg, 5), $body-bg))
font-size: #{!base_font_size_small} font-size: $base-font-size-small
color: #{!footer_color} color: $footer-color
border-top: 10px solid #{!footer_bg} border-top: 10px solid $footer-bg
padding: 15px 0 padding: 15px 0
position: relative position: relative
z-index: 2 z-index: 2
a a
color: #ddd color: #dddddd
&:hover &:hover
color: #fff color: white

4
stylesheets/partials/_header.sass

@ -1,11 +1,11 @@
#header #header
background-color: $header_bg background-color: $header_bg
border-bottom: 1px solid #{$header_border} border-bottom: 1px solid $header_border
padding: 25px 0 padding: 25px 0
h1 h1
display: inline-block display: inline-block
margin: 0 margin: 0
a.title a.title
font-weight: normal font-weight: normal
color: #{$title_color} color: $title_color
text-decoration: none text-decoration: none

20
stylesheets/partials/_navigation.sass

@ -2,11 +2,11 @@
+clearfix +clearfix
position: relative position: relative
z-index: 1 z-index: 1
background-color: #{!nav_bg} background-color: $nav-bg
+linear-gradient(color_stops(#fcfcfc, #f4f4f4 .3, #ddd)) +linear-gradient(color-stops(#fcfcfc, #f4f4f4 0.3, #dddddd))
border: border:
top: 1px solid #{!nav_border_top} top: 1px solid $nav-border-top
bottom: 1px solid #{!nav_border_bottom} bottom: 1px solid $nav-border-bottom
ul ul
position: relative position: relative
+horizontal-list +horizontal-list
@ -14,8 +14,8 @@
padding: 6px 0 padding: 6px 0
li li
padding: 0 15px padding: 0 15px
border-left: 1px solid #{!nav_border_left} border-left: 1px solid $nav-border-left
border-right: 1px solid #{!nav_border_right} border-right: 1px solid $nav-border-right
&.alpha &.alpha
border-left: none border-left: none
padding-left: 0 padding-left: 0
@ -23,16 +23,16 @@
border-right: 0 border-right: 0
&.subscribe &.subscribe
position: absolute position: absolute
left: #{!page_width - !sidebar_width - !sidebar_margin/2} left: $page-width - $sidebar-width - $sidebar-margin / 2
border: none border: none
a a
display: inline-block display: inline-block
padding-left: 28px padding-left: 28px
background: url("/images/rss.png") left top no-repeat background: image-url("rss.png") left top no-repeat
a a
display: inline-block display: inline-block
color: #{!nav_color} color: $nav-color
line-height: 150% line-height: 150%
text-decoration: none text-decoration: none
&:hover &:hover
color: #{!nav_color_hover} color: $nav-color-hover

6
stylesheets/partials/_page.sass

@ -1,8 +1,8 @@
#page #page
background-color: #{!main_bg} background-color: $main_bg
#main #main
background-color: #{!main_bg} background-color: $main_bg
border-right: 1px solid #{!sidebar_border} border-right: 1px solid $sidebar_border
padding: padding:
top: 25px top: 25px
bottom: 25px bottom: 25px

10
stylesheets/partials/_search.sass

@ -1,9 +1,9 @@
#search #search
position: absolute position: absolute
left: #{!page_width + !sidebar_margin - !sidebar_width} left: $page-width + $sidebar-margin - $sidebar-width
top: #{30%} top: 30%
form form
background: url(/images/search_bg.png) no-repeat background: image-url("search_bg.png") no-repeat
padding: 0 padding: 0
height: 28px height: 28px
width: 218px width: 218px
@ -15,6 +15,6 @@
margin-left: 30px margin-left: 30px
font-size: 15px font-size: 15px
border: none border: none
color: #aaa color: #aaaaaa
&:focus &:focus
outline: none outline: none

16
stylesheets/partials/_sidebar.sass

@ -2,21 +2,21 @@
line-height: 1.45em line-height: 1.45em
font-size: 90% font-size: 90%
h3 h3
font-size: #{!h4+2} font-size: $h4 + 2
margin: 20px -15px 10px margin: 20px -15px 10px
padding: 12px 15px padding: 12px 15px
background: #fff background: white
border-bottom: 1px solid #e5e5e5 border-bottom: 1px solid #e5e5e5
border-top: 1px solid #e5e5e5 border-top: 1px solid #e5e5e5
&:first-child &:first-child
margin-top: 0 margin-top: 0
h4 h4
font-size: #{!h5} font-size: $h5
#twitter, #delicious #twitter, #delicious
+border-radius +border-radius
background: #f8f8f8 background: #f8f8f8
border: 1px solid #eee border: 1px solid #eeeeee
padding: 5px 0 padding: 5px 0
ul ul
list-style-type: none list-style-type: none
@ -24,7 +24,7 @@
li li
margin: 0 15px margin: 0 15px
padding: 10px 0 0 padding: 10px 0 0
border-bottom: #ddd 1px dashed border-bottom: #dddddd 1px dashed
&:last-child &:last-child
border-bottom: 0 border-bottom: 0
@ -32,6 +32,6 @@
p p
font-style: italic font-style: italic
li li
color: #666 color: #666666
font-style: normal font-style: normal
padding-bottom: 8px padding-bottom: 8px

88
stylesheets/partials/_syntax.sass

@ -1,9 +1,9 @@
.code_window .code_window
+border-top-radius(5px) +border-top-radius(5px)
+border-bottom-radius(2px) +border-bottom-radius(2px)
background: #aaa #{image_url("code_bg.png")} top repeat-x background: #aaaaaa image-url("code_bg.png") top repeat-x
position: relative position: relative
margin: .3em 0 1.3em margin: 0.3em 0 1.3em
padding: 0 3px 3px padding: 0 3px 3px
font-size: 14px font-size: 14px
border: 1px solid #898989 border: 1px solid #898989
@ -12,26 +12,26 @@
border-right-color: #a5a5a5 border-right-color: #a5a5a5
em em
text-align: center text-align: center
+text-shadow(#ccc, 1px, 1px, 1px) +text-shadow(#cccccc, 1px, 1px, 1px)
display: block display: block
padding: 1px 0 padding: 1px 0
color: #333 color: #333333
font-style: normal font-style: normal
+sans-font +sans-font
.highlight .highlight
margin: 0 margin: 0
pre pre
color: #ccc color: #cccccc
font-size: 13px font-size: 13px
background: #222 background: #222222
line-height: 1.5em line-height: 1.5em
border: #aaa 1px solid border: #aaaaaa 1px solid
overflow-x: auto overflow-x: auto
overflow-y: hidden overflow-y: hidden
padding: 25px 20px padding: 25px 20px
.lineno .lineno
color: #888 color: #888888
background: #e3e3e3 background: #e3e3e3
display: inline-block display: inline-block
padding: 0 0 0 10px padding: 0 0 0 10px
@ -53,33 +53,33 @@ pre
right: 2px right: 2px
+border-bottom-left-radius +border-bottom-left-radius
display: block display: block
color: #777 color: #777777
background: #333 background: #333333
&:hover &:hover
background: #444 background: #444444
color: #ccc color: #cccccc
// based on: http://github.com/mojombo/tpw/raw/master/css/syntax.css // based on: http://github.com/mojombo/tpw/raw/master/css/syntax.css
.editor .editor
background: rgb(0,22,41) background: rgb(0, 22, 41)
line-height: 1.25 line-height: 1.25
pre.console pre.console
background-color: black background-color: black
color= lighten(#008000, 25) color: lighten(green, 25)
letter-spacing: 1px letter-spacing: 1px
padding: 0.5em padding: 0.5em
.prompt .prompt
color= lighten(#000080, 50) color: lighten(navy, 50)
&:before &:before
:color white color: white
content: "[" content: "["
&:after &:after
:color white color: white
content: "]" content: "]"
.stdin .stdin
font-weight: bold font-weight: bold
color= lighten(#008000, 75) color: lighten(green, 75)
.highlight .highlight
padding: 0 0 0.1em padding: 0 0 0.1em
@ -100,7 +100,7 @@ pre.console
color: rgb(255, 157, 0) color: rgb(255, 157, 0)
// Paren // Paren
.p .p
color= darken(#FF9D00, 33) color: darken(#ff9d00, 33)
// Operator // Operator
.o .o
color: rgb(255, 157, 0) color: rgb(255, 157, 0)
@ -121,11 +121,11 @@ pre.console
font-style: italic font-style: italic
// Generic.Deleted // Generic.Deleted
.gd .gd
color: #000000 color: black
background-color: #ffdddd background-color: #ffdddd
// Generic.Deleted.Specific // Generic.Deleted.Specific
.gd .x .gd .x
color: #000000 color: black
background-color: #ffaaaa background-color: #ffaaaa
// Generic.Emph // Generic.Emph
.ge .ge
@ -138,11 +138,11 @@ pre.console
color: #999999 color: #999999
// Generic.Inserted // Generic.Inserted
.gi .gi
color: #000000 color: black
background-color: #ddffdd background-color: #ddffdd
// Generic.Inserted.Specific // Generic.Inserted.Specific
.gi .x .gi .x
color: #000000 color: black
background-color: #aaffaa background-color: #aaffaa
// Generic.Output // Generic.Output
.go .go
@ -179,28 +179,28 @@ pre.console
color: rgb(255, 98, 140) color: rgb(255, 98, 140)
// Literal.String // Literal.String
.s .s
color: #d14 color: #dd1144
// Name.Attribute // Name.Attribute
.na .na
color: #008080 color: teal
// Name.Builtin // Name.Builtin
.nb .nb
color= darken(rgb(128, 255, 187), 20) color: darken(rgb(128, 255, 187), 20)
// Name.Class // Name.Class
.nc .nc
color= darken(rgb(128, 255, 187), 20) color: darken(rgb(128, 255, 187), 20)
// Name.Constant // Name.Constant
.no .no
color: rgb(128, 255, 187) color: rgb(128, 255, 187)
// Name.Entity // Name.Entity
.ni .ni
color: #800080 color: purple
// Name.Exception // Name.Exception
.ne .ne
color: rgb(255,221, 0) color: rgb(255, 221, 0)
// Name.Function // Name.Function
.nf .nf
color: rgb(255,221, 0) color: rgb(255, 221, 0)
// Name.Namespace // Name.Namespace
.nn .nn
color: #555555 color: #555555
@ -209,7 +209,7 @@ pre.console
color: white color: white
// Name.Variable // Name.Variable
.nv .nv
color: #008080 color: teal
// Operator.Word // Operator.Word
.ow .ow
color: white color: white
@ -233,34 +233,34 @@ pre.console
color: rgb(255, 98, 140) color: rgb(255, 98, 140)
// Literal.String.Backtick // Literal.String.Backtick
.sb .sb
color: rgb(58,217,0) color: rgb(58, 217, 0)
// Literal.String.Char // Literal.String.Char
.sc .sc
color: rgb(58,217,0) color: rgb(58, 217, 0)
// Literal.String.Doc // Literal.String.Doc
.sd .sd
color: rgb(58,217,0) color: rgb(58, 217, 0)
// Literal.String.Double // Literal.String.Double
.s2 .s2
color: rgb(58,217,0) color: rgb(58, 217, 0)
// Literal.String.Escape // Literal.String.Escape
.se .se
color: rgb(58,217,0) color: rgb(58, 217, 0)
// Literal.String.Heredoc // Literal.String.Heredoc
.sh .sh
color: rgb(58,217,0) color: rgb(58, 217, 0)
// Literal.String.Interpol // Literal.String.Interpol
.si .si
color: rgb(158,255,128) color: rgb(158, 255, 128)
// Literal.String.Other // Literal.String.Other
.sx .sx
color: rgb(58,217,0) color: rgb(58, 217, 0)
// Literal.String.Regex // Literal.String.Regex
.sr .sr
color: #009926 color: #009926
// Literal.String.Single // Literal.String.Single
.s1 .s1
color: rgb(58,217,0) color: rgb(58, 217, 0)
// Literal.String.Symbol // Literal.String.Symbol
.ss .ss
color: rgb(255, 98, 140) color: rgb(255, 98, 140)
@ -269,13 +269,13 @@ pre.console
color: #999999 color: #999999
// Name.Variable.Class // Name.Variable.Class
.vc .vc
color: #008080 color: teal
// Name.Variable.Global // Name.Variable.Global
.vg .vg
color: #008080 color: teal
// Name.Variable.Instance // Name.Variable.Instance
.vi .vi
color: #008080 color: teal
// Literal.Number.Integer.Long // Literal.Number.Integer.Long
.il .il
color: rgb(255, 98, 140) color: rgb(255, 98, 140)

4
stylesheets/partials/_twitter.sass

@ -2,9 +2,9 @@
p p
padding-bottom: 10px padding-bottom: 10px
a.topic a.topic
color: #{!twitter_topic} color: $twitter_topic
.meta .meta
color: #{!light_text} color: $light_text
font-size: 80% font-size: 80%
display: block display: block
padding: 8px 0 0 padding: 8px 0 0

12
stylesheets/screen.sass

@ -1,11 +1,11 @@
/* SASS mixins */ /* SASS mixins */
@import "library" @import library
/* primary SASS */ /* primary SASS */
@import "base" @import base
@import "theme" @import theme
@import "typography" @import typography
@import "layout" @import layout
/* specific SASS */ /* specific SASS */
@import "partials" @import partials
Loading…
Cancel
Save