Sha256: 49275684f78ab20a22028833819f0c419036707c341babe0875476ab47936010
Contents?: true
Size: 1.99 KB
Versions: 3
Compression:
Stored size: 1.99 KB
Contents
// *******************************************************************
// Box Shadow
// Variables for controlling the box shadow of an element.
// 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);
$shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
$shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
$shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
$shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
$shadow-none: none;
// *******************************************************************
// Opacity
// Variables for controlling the opacity of an element.
// opacity: $opacity-25;
// *******************************************************************
$opacity-0: 0;
$opacity-5: 0.05;
$opacity-10: 0.1;
$opacity-20: 0.2;
$opacity-25: 0.25;
$opacity-30: 0.3;
$opacity-40: 0.4;
$opacity-50: 0.5;
$opacity-60: 0.6;
$opacity-70: 0.7;
$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: 3px, $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;
}
}
Version data entries
3 entries across 3 versions & 1 rubygems