Home/ Questions/Q 7897639
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T08:13:04+00:00

I just started using SASS and I am trying to figure out how to

  • 0

I just started using SASS and I am trying to figure out how to create a box shadow mixin…

I copied this mixin from another stack overflow post..

@mixin box-shadow($top, $left, $blur, $color, $inset:"") {

      -webkit-box-shadow:$top $left $blur $color #{$inset};
      -moz-box-shadow:$top $left $blur $color #{$inset};
      box-shadow:$top $left $blur $color #{$inset};
    }

However I am not sure exactly how to format my @include

This is what I have so far for my @include

@include box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

And this is my output error…

error(Line 1003: Invalid CSS after "...lude box-shadow": expected "}", was ": inset 0 1px 1...")
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Bad syntax.

    Use @include box-shadow(0, 1px, 1px, rgba(0, 0, 0, 0.075), inset);

    (Edited in 2014 to include changes to Sass’ syntax made in the last few years)

    • 0