_common.scss 895 Bytes
Newer Older
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
/// Abtstract

/// Add alpha channel to a color
/// @access public
/// @param {Color} $color - color to work with
/// @param {Number} $percentage - percentage of `$color` opacity
/// @return {Color}
@function mixAlpha($color, $percentage) {
  @return rgba($color, $percentage);
}


/// Misc

.with-icon-font {
  font-family: ForkAwesome, $font-family-base;
}


/// Tree

/// (?) @TODO: More SASS structure (eg. exporting variables into component
///            SASS files)
///            For now we have cut-copy the rules here

.right-handed .forest-layout {
  border-right: 1px solid $body-bg;
  &:hover { border-right: 1px solid $border-color; }
}
.left-handed .forest-layout {
  border-left: 1px solid $body-bg;
  &:hover { border-left: 1px solid $border-color; }
}
.forest-layout-teaser {
  background: linear-gradient(to bottom, mixAlpha($body-bg, 0%) 0%, mixAlpha($body-bg, 100%) 45%);
}