demo/src/sass/type/base.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

// ==========================================================================
// Base
// ==========================================================================

// Set to 100% for rem sizing
html {
  font-size: 100%;
}

body {
  @include font-smoothing;
  @include font-size($font-size-base);

  color: $color-text;
  font-family: $font-sans-serif;
  font-weight: $font-weight-medium;
  line-height: $line-height-base;
}

button,
input,
select,
textarea {
  font: inherit;
}

p,
small {
  margin: 0 0 ($spacing-base * 1.5);
}

small {
  @include font-size($font-size-small);

  display: block;
}