m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2024-09-24 01:58:50 +02:00
Code

typography tweaks

Browse Source
This commit is contained in:
Matthias Kretschmann 2015-06-10 23:09:15 +02:00
parent 238131ada7
commit 968ca5fff8
2 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
_src/_assets/styl/code.styl
View File

@ -9,6 +9,8 @@ kbd,
pre,
samp
font-family: $font-family-monospace
font-size: $font-size-mini
@media $breakpoint3
font-size: $font-size-small
hyphens: none
@ -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

8
_src/_assets/styl/variables.styl
View File

@ -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