//
// Base styles
// --------------------------------------------------

// Reset the box-sizing
* {
  @include box-sizing(border-box);
}

*:before,
*:after {
  @include box-sizing(border-box);
}

body {
  position: relative;
  font-family: $font-family-default;
  font-size: $font-size-default;
  line-height: $line-height-default;
  color: #000;
  background-color: #fff;
}

// Universal link styling
a {
  color: $primary-color;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0); // Removes the dark touch outlines on links in webkit browsers.

  &:active {
    color: darken($primary-color, 10%);
  }
}

.content {
  position: relative;
  margin: $bar-side-spacing;
}
//
// Base styles
// --------------------------------------------------

// Reset the box-sizing
* {
  @include box-sizing(border-box);
}

*:before,
*:after {
  @include box-sizing(border-box);
}

body {
  font-size: 16px;
  position: relative;
  font-family: $font-family-default;
  font-size: $font-size-default;
  line-height: $line-height-default;
  color: #333;
  background-color: #fff;
}

// Universal link styling
a {
  color: $primary-color;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0); // Removes the dark touch outlines on links in webkit browsers.

  &:active {
    color: darken($primary-color, 10%);
  }
}

.content {
  position: relative;
  margin: $bar-side-spacing;
}

Modify mobile body text color
Modify mobile body text color
