app/assets/stylesheets/sass-zero/variables/effects.scss in sass-zero-1.1.5 vs app/assets/stylesheets/sass-zero/variables/effects.scss in sass-zero-1.1.6

- old
+ new

@@ -1,8 +1,8 @@ // ******************************************************************* // Box Shadow -// Variables for controlling the box shadow of an element. +// Variables for controlling the color of a box shadow. // box-shadow: $shadow; // ******************************************************************* $shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); $shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); $shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); @@ -30,22 +30,5 @@ $opacity-75: 0.75; $opacity-80: 0.8; $opacity-90: 0.9; $opacity-95: 0.95; $opacity-100: 1; - -// ******************************************************************* -// Ring -// Function for creating outline rings with box-shadows. -// box-shadow: ring($width: 4px); -// ******************************************************************* -@function ring($width: 2px, $color: rgba($blue-500, 0.5), $offset-width: 0px, $offset-color: $white, $inset: false) { - @if $inset { - $ring-offset-shadow: inset 0 0 0 $offset-width $offset-color; - $ring-shadow: inset 0 0 0 ($width + $offset-width) $color; - @return $ring-offset-shadow, $ring-shadow, 0 0 #0000; - } @else { - $ring-offset-shadow: 0 0 0 $offset-width $offset-color; - $ring-shadow: 0 0 0 ($width + $offset-width) $color; - @return $ring-offset-shadow, $ring-shadow, 0 0 #0000; - } -}