A Pen by A Non Ymous.

An-Anonymous-Pen.markdown

An Anonymous Pen

A Pen by Anonasaurus Rex on CodePen.

License.

index.slim

h1 Title

p Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 

p Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

style.sass

@import "compass"
// rem_font_size.css.sass

$base-font-size: 14px !default

=html-font-size($font-size: $base-font-size)
  font-size: percentage($font-size / 16px)

@function rem-size($size)
  @return ($size / $base-font-size) + rem

=font-size($size)
  font-size: $size
  font-size: rem-size($size)

// application.css.sass

$base-font-size: 13px

html
  +html-font-size

  @media screen and (min-width: 600px)
    +html-font-size(16px)

body
  padding: rem-size(20px)
    
h1
  +font-size(20px)