fixed rake preview and updated sass to sass3 syntax
This commit is contained in:
B Mathis
parent
5951848f72
commit
76b8b8ca45
2
Gemfile
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
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
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,3 @@
|
||||||
//compass default reset
|
//compass default reset
|
||||||
+global-reset
|
+global-reset
|
||||||
@import "compass/utilities"
|
@import compass
|
||||||
|
|
@ -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
|
||||||
|
|
@ -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
|
||||||
|
|
@ -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
|
||||||
|
|
@ -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
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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)
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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)
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -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…
Reference in New Issue