From 968ca5fff8b446fb3d11c0917700d5305d4ab5b5 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Wed, 10 Jun 2015 23:09:15 +0200 Subject: [PATCH] typography tweaks --- _src/_assets/styl/code.styl | 5 +++-- _src/_assets/styl/variables.styl | 8 ++++---- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/_src/_assets/styl/code.styl b/_src/_assets/styl/code.styl index a5f26150..aed910e6 100644 --- a/_src/_assets/styl/code.styl +++ b/_src/_assets/styl/code.styl @@ -9,7 +9,9 @@ kbd, pre, samp font-family: $font-family-monospace - font-size: $font-size-small + font-size: $font-size-mini + @media $breakpoint3 + font-size: $font-size-small hyphens: none code, @@ -33,7 +35,6 @@ pre padding: (($line-height-computed - 1) / 2) margin: 0 0 $line-height-computed line-height: $line-height-base - font-size: $font-size-mini word-break: break-all word-wrap: break-word color: $code-color diff --git a/_src/_assets/styl/variables.styl b/_src/_assets/styl/variables.styl index 62fc4674..337ddec9 100644 --- a/_src/_assets/styl/variables.styl +++ b/_src/_assets/styl/variables.styl @@ -27,7 +27,7 @@ $brand-dark = #015565 $brand-light = #e7eef4 $brand-cyan = #3a9085 $brand-grey = #56666e -$brand-grey-light = lighten($brand-grey, 10%) +$brand-grey-light = lighten($brand-grey, 15%) // Text Colors @@ -65,7 +65,7 @@ $font-size-h2-small = floor(($font-size-small * 2)) $font-size-h3-small = ceil(($font-size-small * 1.75)) $font-size-h4-small = ceil(($font-size-small * 1.25)) -$line-height-base = 1.4444444444 // 26px/18px +$line-height-base = 1.5555555556 // 28px/18px $line-height-computed = floor($font-size-base * $line-height-base) $line-height-large = 1.5 // 36px/24px $line-height-small = 1.1428571429 @@ -138,8 +138,8 @@ $input-height-small = (floor($font-size-small * $line-height-small) + ($ // Code ///////////////////////////////////// -$code-bg = rgba(255,255,255,.6) -$code-color = spin($text-color, 70) +$code-bg = rgba(255,255,255,.8) +$code-color = $text-color $kbd-bg = $code-bg $kbd-color = $code-color