m/blog
1
0
Fork 0
mirror of https://github.com/kremalicious/blog.git synced 2025-02-14 21:10:25 +01: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

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

@ -9,7 +9,9 @@ kbd,
pre, pre,
samp samp
font-family: $font-family-monospace font-family: $font-family-monospace
font-size: $font-size-small font-size: $font-size-mini
@media $breakpoint3
font-size: $font-size-small
hyphens: none hyphens: none
code, code,
@ -33,7 +35,6 @@ pre
padding: (($line-height-computed - 1) / 2) padding: (($line-height-computed - 1) / 2)
margin: 0 0 $line-height-computed margin: 0 0 $line-height-computed
line-height: $line-height-base line-height: $line-height-base
font-size: $font-size-mini
word-break: break-all word-break: break-all
word-wrap: break-word word-wrap: break-word
color: $code-color color: $code-color

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

@ -27,7 +27,7 @@ $brand-dark = #015565
$brand-light = #e7eef4 $brand-light = #e7eef4
$brand-cyan = #3a9085 $brand-cyan = #3a9085
$brand-grey = #56666e $brand-grey = #56666e
$brand-grey-light = lighten($brand-grey, 10%) $brand-grey-light = lighten($brand-grey, 15%)
// Text Colors // 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-h3-small = ceil(($font-size-small * 1.75))
$font-size-h4-small = ceil(($font-size-small * 1.25)) $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-computed = floor($font-size-base * $line-height-base)
$line-height-large = 1.5 // 36px/24px $line-height-large = 1.5 // 36px/24px
$line-height-small = 1.1428571429 $line-height-small = 1.1428571429
@ -138,8 +138,8 @@ $input-height-small = (floor($font-size-small * $line-height-small) + ($
// Code // Code
///////////////////////////////////// /////////////////////////////////////
$code-bg = rgba(255,255,255,.6) $code-bg = rgba(255,255,255,.8)
$code-color = spin($text-color, 70) $code-color = $text-color
$kbd-bg = $code-bg $kbd-bg = $code-bg
$kbd-color = $code-color $kbd-color = $code-color