1
00:00:05,130 --> 00:00:12,900
Beyond the extend instruction, there is also the mixing instruction, this instruction has the aim

2
00:00:12,900 --> 00:00:21,660
of representing a series of properties inside selectors, which we are calling fictitious to recall

3
00:00:21,660 --> 00:00:30,810
then the same properties into actual selectors, associating them with a predefined value.

4
00:00:30,830 --> 00:00:39,870
Let's see better how to make mixin be represented so that the explanation may be smooth to you, because

5
00:00:39,870 --> 00:00:48,040
I'm aware that visualizing this type of instruction is much easier than instead following an explanation.

6
00:00:48,060 --> 00:00:53,670
Let's create a fictitious selector starting with mixing.

7
00:00:54,510 --> 00:00:56,880
We are calling the selector margin.

8
00:00:58,180 --> 00:01:07,750
We are then opening a bracket inside which to insert then the name of the variable in this case value

9
00:01:07,930 --> 00:01:17,860
that's open at this point, the selector inside it, inserting the properties we want that the margin

10
00:01:17,860 --> 00:01:22,330
property with which we are associating value.

11
00:01:23,280 --> 00:01:25,290
And the padding property.

12
00:01:26,320 --> 00:01:35,410
With which we are associate and again, value in this moment, we have created a fictitious collector

13
00:01:35,440 --> 00:01:43,390
with a variable which doesn't have a set value like before, to be able to associate the value with

14
00:01:43,390 --> 00:01:52,150
these properties, we have to get into the chosen selectors, in this case high, middle and low.

15
00:01:52,300 --> 00:02:02,590
To recall this selector with mixin to do so, we have to insert include at include the name.

16
00:02:04,040 --> 00:02:05,270
Then Margine.

17
00:02:06,580 --> 00:02:15,490
After that, within brackets, we have to insert the value we want to add in our case, 10 pixels that's

18
00:02:15,490 --> 00:02:26,210
close and we have this way inserted into hi the relative properties to margin and padding by associating

19
00:02:26,210 --> 00:02:29,180
the 10 pixel value when saving.

20
00:02:29,470 --> 00:02:39,700
You see that our system date process and inside stays below high seat margin, 10 pixels and padding

21
00:02:39,700 --> 00:02:40,720
and pixels.

22
00:02:40,750 --> 00:02:47,020
We can repeat the same operation inserted in middle and low to the same values.

23
00:02:48,070 --> 00:02:57,580
And therefore, we will find a new margin and the new padding to all our expenses, obviously by checking

24
00:02:57,580 --> 00:03:06,640
our result, we see that all our classes have got margin and padding associate and therefore they won't

25
00:03:06,640 --> 00:03:09,060
be sitting in the same place anymore.

26
00:03:10,710 --> 00:03:18,810
We can also choose to change a value, therefore, if we insert 20 as value of we don't automatically

27
00:03:18,810 --> 00:03:27,870
inside thigh high would still output 10 pizzas, whereas middle would output 20 and automatically the

28
00:03:27,870 --> 00:03:34,110
result would be updated as improvement is now sitting further away from the top, from the left and

29
00:03:34,110 --> 00:03:36,880
from the bottom compared to the previous ones.

30
00:03:36,930 --> 00:03:45,000
So mixing is a sort of evolution on the variables, permitting us to associate with the same variable

31
00:03:45,240 --> 00:03:52,200
in certain, though in this fictitious selecter, a different value according to the destination selector.