![Theme Switcher Image](https://stackcoder.in/images/theme-switcher.png?cb=stackcoder90070)
Good content takes time and effort to come up with.
Please consider supporting us by just disabling your AD BLOCKER and reloading this page again.
In the previous article we got to know in depth understanding of Sass/SCSS and how to use it.
If you are still new to Sass/SCSS then I recommend to check out my in depth article Sass or SCSS In-Depth Tutorial
In this article, I will be covering the difference between @function & @mixin.
Functions are useful specifically because they return values. Mixins are nothing like functions--they usually just provide valuable blocks of code.
Usually, there are cases where you might have to use both.
@function returns the value
@function makelongshadow($color) {
$val: 0px 0px $color;
@for $i from 1 through 200 {
$val: #{$val}, #{$i}px #{$i}px #{$color};
}
@return $val;
}
@mixin doesn't return any values
@mixin longshadow($color) {
text-shadow: makelongshadow($color);
}
h1 {
@include longshadow(darken($color, 5% ));
}
Install Linux, NGINX, MYSQL, PHP (LEMP Stack) on Ubuntu
Setup Docker for NodeJs, MongoDB, MongoDB Compass
Create Gmail App Password For SMTP Mails
Make Laravel Controllers Slim By Skimming Form Validation Request
Create Custom 404 Page In Laravel
Setup AMP (Accelerated Mobile Pages) In PHP Laravel
Cache Static Files With NGINX Server
Redirect www to a non-www Website Or Vice Versa
Install RabbitMQ with Docker & Running with NodeJS
Generate SSH Key with ssh-keygen In Linux / Unix
Free Live Chat Integration Using TAWK.IO