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;
- }
-}