public/third_party/notific8/src/sass/_notific8.scss
/**
 * @author Will Steinmetz
 *
 * Styles for the notific8 plug-in for jQuery
 *
 * Copyright (c)2015, Will Steinmetz
 * Licensed under the BSD license.
 * http://opensource.org/licenses/BSD-3-Clause
 */

// functions
@function em($px, $base: $notific8-base-font-size) {
  @return ($px / $base) * 1em;
}

// definitions
.#{$notific8-ns}-container {
  display: block;
  margin: 0;
  padding: 0;
  position: fixed;
  &.top {
    top: 0;
  }
  &.bottom {
    bottom: 0;
  }
  &.top, &.bottom {
    &.right {
      right: 0;
    }
    &.left {
      left: 0;
    }
  }
}

.#{$notific8-ns}-notification {
  box-sizing: border-box;
  overflow: hidden;
  padding: em(10px);
  position: relative;
  &:hover {
    .#{$notific8-ns}-close {
      display: block;
    }
  }
}

.#{$notific8-ns}-close {
  cursor: pointer;
  display: none;
  position: absolute;
  &.sticky {
    display: block;
    position: absolute;
    text-align: center;
  }
}

$notific8-sides: (right: left, left: right);
@each $main-dir, $second-dir in $notific8-sides {
  .#{$main-dir} {
    .#{$notific8-ns}-notification {
      clear: #{$main-dir};
      float: #{$main-dir};
    }
  }
}

.top .#{$notific8-ns}-notification {
  margin-top: em(10px);
}

.bottom .#{$notific8-ns}-notification {
  margin-bottom: em(10px);
}
