diff --git a/_src/_assets/styl/content.styl b/_src/_assets/styl/content.styl index 6266dc77..94a8a042 100644 --- a/_src/_assets/styl/content.styl +++ b/_src/_assets/styl/content.styl @@ -11,7 +11,7 @@ .page-title @extend .h2, .heading-band color: $brand-grey-light - margin-top: ($line-height-computed/2) + margin-top: ($line-height-computed*2) margin-bottom: ($line-height-computed/2) @media $breakpoint2 @@ -38,6 +38,10 @@ .page-index &:first-child padding-top: ($line-height-computed*3) + .page-title + &, + .paginator-title + & + padding-top: ($line-height-computed*2) + .page-single & border: none padding-top: ($line-height-computed*2) @@ -128,7 +132,6 @@ &:focus color: $link-color border-color: $link-color - background: rgba(255,255,255,.3) &:active background: $link-color @@ -141,8 +144,8 @@ &:before content: '#' - color: darken($page-bg, 15%) - margin-right: 2px + color: $text-color-dimmed + margin-right: 1px .avatar width: 80px diff --git a/_src/_assets/styl/navigation.styl b/_src/_assets/styl/navigation.styl index 508cb5c6..c2176d5c 100644 --- a/_src/_assets/styl/navigation.styl +++ b/_src/_assets/styl/navigation.styl @@ -19,6 +19,7 @@ outline: 0 .icon + filter: drop-shadow( 0 1px 0 rgba(#fff, .5) ) &.icon-entypo-menu width: 24px height: 24px @@ -27,8 +28,12 @@ &:focus .icon fill: $link-color - &:active .icon - fill: #fff + &:active + background: transparent + transition: none + + .icon + fill: darken($link-color, 30%) .menu-btn margin-right: -.5em @@ -91,6 +96,4 @@ padding: 0 2px .paginator-title - @extend .h3, .heading-band - color: $brand-grey-light - margin-bottom: 0 + @extend .page-title diff --git a/_src/_assets/styl/typography.styl b/_src/_assets/styl/typography.styl index 45ee06d3..87d9fbc2 100644 --- a/_src/_assets/styl/typography.styl +++ b/_src/_assets/styl/typography.styl @@ -108,7 +108,7 @@ a &:active transition: none - color: darken($link-color, 20%) + color: darken($link-color, 30%) h1 &, h2 &, @@ -222,25 +222,28 @@ blockquote padding-left: 25px margin: 0 0 $line-height-computed position: relative + padding-left: 20px - @media $breakpoint2 + @media $breakpoint1 padding-left: 40px @media $breakpoint3 - padding: 0 ($line-height-computed*1.75) + padding-left: 60px // quotation marks &:before content: "“" - font-size: 250% - font-family: "Hoefler Text", "Times New Roman", serif - color: $text-color-dimmed + font-size: 300% + color: lighten($text-color, 40%) position: absolute - left: 0 + left: -10px top: -20px + @media $breakpoint1 + left: 0 + @media $breakpoint3 - top: -($line-height-computed/1.35) + top: -30px p:last-child margin-bottom: 0 diff --git a/_src/_assets/styl/variables.styl b/_src/_assets/styl/variables.styl index 0388a7ce..8f0d2a61 100644 --- a/_src/_assets/styl/variables.styl +++ b/_src/_assets/styl/variables.styl @@ -90,8 +90,8 @@ $page-bg = $brand-light // Links ///////////////////////////////////// -$link-color = lighten($brand-cyan, 5%) -$link-color-hover = lighten($link-color, 10%) +$link-color = lighten($brand-cyan, 10%) +$link-color-hover = lighten($link-color, 15%) // Grid