Skip to content

Instantly share code, notes, and snippets.

@terkel

terkel/_bodytext.scss

Last active February 19, 2019 10:29
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save terkel/2c33cd44475c077e7d2f2f71b15dbac7 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save terkel/2c33cd44475c077e7d2f2f71b15dbac7 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. terkel revised this gist Feb 19, 2019. 1 changed file with 2 additions and 0 deletions.
    2 changes: 2 additions & 0 deletions _bodytext.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,9 +1,11 @@
    // 1/1 (1) * 7/4 (1.75) // 16px/28px
    // 16/15 (1.06667) * 15/8 (1.875) // 17.06667px/32px
    // 8/7 (1.14286) * 63/32 (1.96875) // 18.28571px/36px
    // 36/31 (1.16129) * 31/16 (1.9375) // 18.58064px/36px
    // 80/63 (1.26984) * 63/32 (1.96875) // 20.31746px/40px
    //
    // 9/8 (1.125) * 1/1 (1) * 14/9 (1.55556) // 18px/28px
    // 9/8 (1.125) * 16/15 (1.06667) * 5/3 (1.66667) // 19.2px/32px
    // 9/8 (1.125) * 8/7 (1.14286) * 7/4 (1.75) // 20.57143px/36px
    // 9/8 (1.125) * 36/31 (1.16129) * 31/18 (1.72222) // 20.90323px/36px
    // 9/8 (1.125) * 80/63 (1.26984) * 7/4 (1.75) // 22.85714px/40px
  2. terkel renamed this gist Dec 30, 2018. 1 changed file with 0 additions and 0 deletions.
    0 _sizes.scss → _bodytext.scss
    View file
    File renamed without changes.
  3. terkel revised this gist Dec 30, 2018. 1 changed file with 9 additions and 4 deletions.
    13 changes: 9 additions & 4 deletions _sizes.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,9 @@
    // 16px * 1/1 (1) * 7/4 (1.75) // 16px/28px
    // 16px * 16/15 (1.06667) * 15/8 (1.875) // 17.06667px/32px
    // 16px * 36/31 (1.16129) * 31/16 (1.9375) // 18.58064px/36px
    // 16px * 80/63 (1.26984) * 63/32 (1.96875) // 20.31746px/40px
    // 1/1 (1) * 7/4 (1.75) // 16px/28px
    // 16/15 (1.06667) * 15/8 (1.875) // 17.06667px/32px
    // 36/31 (1.16129) * 31/16 (1.9375) // 18.58064px/36px
    // 80/63 (1.26984) * 63/32 (1.96875) // 20.31746px/40px
    //
    // 9/8 (1.125) * 1/1 (1) * 14/9 (1.55556) // 18px/28px
    // 9/8 (1.125) * 16/15 (1.06667) * 5/3 (1.66667) // 19.2px/32px
    // 9/8 (1.125) * 36/31 (1.16129) * 31/18 (1.72222) // 20.90323px/36px
    // 9/8 (1.125) * 80/63 (1.26984) * 7/4 (1.75) // 22.85714px/40px
  4. terkel revised this gist Dec 29, 2018. 1 changed file with 4 additions and 4 deletions.
    8 changes: 4 additions & 4 deletions _sizes.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,4 @@
    // 16px * 1/1 (1) * 7/4 (1.75) = 28px
    // 16px * 16/15 (1.06667) * 15/8 (1.875) = 32px
    // 16px * 36/31 (1.16129) * 31/16 (1.9375) = 36px
    // 16px * 80/63 (1.26984) * 63/32 (1.96875) = 40px
    // 16px * 1/1 (1) * 7/4 (1.75) // 16px/28px
    // 16px * 16/15 (1.06667) * 15/8 (1.875) // 17.06667px/32px
    // 16px * 36/31 (1.16129) * 31/16 (1.9375) // 18.58064px/36px
    // 16px * 80/63 (1.26984) * 63/32 (1.96875) // 20.31746px/40px
  5. terkel created this gist Dec 29, 2018.
    4 changes: 4 additions & 0 deletions _sizes.scss
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,4 @@
    // 16px * 1/1 (1) * 7/4 (1.75) = 28px
    // 16px * 16/15 (1.06667) * 15/8 (1.875) = 32px
    // 16px * 36/31 (1.16129) * 31/16 (1.9375) = 36px
    // 16px * 80/63 (1.26984) * 63/32 (1.96875) = 40px