Please enable JavaScript.
Coggle requires JavaScript to display documents.
SASS (mixin = like functions (facts (mixin can be nested, mixin can take…
SASS
mixin = like functions
-
-
-
facts
-
-
-
-
If a mixin definition has a combination of arguments with and without a default value, you should define the ones with no default value first.
you can send a list or map as one argument to mixin instead of sending many many args by the three dots after the list or map ...
-
dynamic-this &
-
If there is no parent selector, then the value is null and Sass will throw an error.
functions
-
-
-
Arithmetics
-
-
-
/ as division
e value, or any part of it, is stored in a variable or returned by a function.
If the value is surrounded by parentheses, unless those parentheses are outside a list and the value is inside.
-
-
-
nesting
Nesting allows you to see the clear DOM relationship between two selectors while also removing the repetition observed in CSS.
-
-
@ import
-
import it into any file using import 'filename-without-underscore';
@ extend
inside of one rule you can type extend .someClass for example to extend all its properties and values
why it's important? you can use on class name in your html instead of many class names to do what you want
% placeholders
Placeholders prevent rules from being rendered to CSS on their own and only become active once they are extended anywhere an id or class could be extended.
create classes solely for the purpose of extending them and never actually use them inside your HTML
-