Contents

/*@import url('https://fonts.googleapis.com/css?family=Inter&Crimson+Prodisplay=swap');*/

@function strip-unit($value) {
  @return $value / ($value * 0 + 1);
}

@mixin fluid-type($min-vw, $max-vw, $min-font-size, $max-font-size) {
  $u1: unit($min-vw);
  $u2: unit($max-vw);
  $u3: unit($min-font-size);
  $u4: unit($max-font-size);

  @if $u1 == $u2 and $u1 == $u3 and $u1 == $u4 {
    & {
      font-size: $min-font-size;
      @media screen and (min-width: $min-vw) {
        font-size: calc(#{$min-font-size} + #{strip-unit($max-font-size - $min-font-size)} * ((100vw - #{$min-vw}) / #{strip-unit($max-vw - $min-vw)}));
      }
      @media screen and (min-width: $max-vw) {
        font-size: $max-font-size;
      }
    }
  }
}

$min_width: 320px;
$max_width: 1200px;
$min_font: 16px;
$max_font: 24px;

$text-color: #444;
$bg-color: #EEE;

$header-font: Inter, sans-serif;
$body-font: 'Crimson Pro', serif;

html {
    @include fluid-type($min_width, $max_width, $min_font, $max_font);
}

body{
    color: $text-color;
    background-color: $bg-color;
    margin: 40px auto;
    max-width: 650px;
    line-height: 1.6em;
    padding: 0;
    font-family: $body-font;
}

h1, h2, h3, h4, h5, h6 {
    font-family: $header-font;
}

nav {
    font-family: $header-font;
    font-weight: 800;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.current {
    color: $text-color;
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
adam-jekyll-0.1.0	_sass/main.scss