azinasili

// ----
// Sass (v3.4.0.rc.1)
// Create dynamic grids based on user input
// Currently grids max at 8 columns
// 
// Example HTML:
// <div class="container max-grid-6">
//   <div class="row">
//     <div class="column"></div>
//     <div class="column span-4"></div>

azinasili

// Grab brightness of color
@function brightness($color) {
  @return ((red($color)) + (green($color)) + (blue($color))) / 255 * 100%;
}
 
// Compare bightness and print new text color
@function text-color($color) {
  @if $color == null {
    @return null;
  }

azinasili

// Mixin to easily create triangles
// $direction accepts up, down, left, right, top-right, top-left, bottom-right, bottom-left
// $size accepts px, em, and rem values
// $color accepts hex, rgb(a), and hsl values
@mixin triangle($direction, $size, $color) {
  // Set css triangle borders
  // Each triangle direction overrides a border
  border: $size solid transparent;

  // displays triangle pointing down