1 00:00:00,870 --> 00:00:01,460 ‫Hey, there. 2 00:00:01,590 --> 00:00:02,310 ‫Welcome back. 3 00:00:02,790 --> 00:00:05,280 ‫Now in this lecture, we are going to discuss about. 4 00:00:07,120 --> 00:00:12,490 ‫Extend our inheritance, how this is going to work and why this is important. 5 00:00:13,060 --> 00:00:20,140 ‫Now there are chances that you have or you might need to import several similar property on many items, 6 00:00:20,500 --> 00:00:21,880 ‫for example in a fight. 7 00:00:22,150 --> 00:00:25,620 ‫A quick example Let's say I need to or padding. 8 00:00:25,750 --> 00:00:27,340 ‫Let's that one them on. 9 00:00:27,340 --> 00:00:33,550 ‫Maybe I need between different sizes that their own size has 15 picks and I'm just picking examples. 10 00:00:33,550 --> 00:00:34,800 ‫So don't worry on. 11 00:00:34,840 --> 00:00:37,070 ‫Maybe I also have some borders. 12 00:00:37,090 --> 00:00:42,490 ‫That's one fixer in southern and then some color. 13 00:00:42,830 --> 00:00:44,440 ‫Maybe this one save this one. 14 00:00:45,040 --> 00:00:47,340 ‫And maybe I want to import this here. 15 00:00:47,410 --> 00:00:49,390 ‫Maybe I want to import this here. 16 00:00:49,390 --> 00:00:50,700 ‫Also here. 17 00:00:50,710 --> 00:00:53,380 ‫Also unknown father item as well. 18 00:00:53,740 --> 00:00:56,020 ‫So maybe here as well as here. 19 00:00:56,890 --> 00:01:03,700 ‫So if I want to import certain common content, hey, can see this is the change that we are currently 20 00:01:03,700 --> 00:01:04,210 ‫looking at. 21 00:01:04,210 --> 00:01:10,420 ‫So maybe we want to import this change on each of the item instead of doing that. 22 00:01:10,540 --> 00:01:16,870 ‫What we can do is we can create something common Oh, and save this common property, and then we can 23 00:01:16,870 --> 00:01:25,360 ‫extend it, for example, and I can utilize something like this percentage, then the name of that common 24 00:01:25,360 --> 00:01:27,340 ‫property and can define them. 25 00:01:27,820 --> 00:01:31,660 ‫So that's a common item or item property, something like this. 26 00:01:31,660 --> 00:01:34,720 ‫I can utilize this percentage, then give it a name. 27 00:01:35,020 --> 00:01:36,420 ‫I should say I don't know if you. 28 00:01:38,300 --> 00:01:42,560 ‫And here I can provide these common properties to copy this one. 29 00:01:43,890 --> 00:01:51,000 ‫Now, instead of implementing all of them on items individually, what we can say, we can extend this. 30 00:01:51,980 --> 00:01:58,550 ‫Here we can utilize this and great extent, and then the property name so we can utilize something similar. 31 00:01:58,910 --> 00:02:05,270 ‫So instead of writing all of this again and again here, I'm just taking your phone, actually. 32 00:02:05,600 --> 00:02:09,530 ‫But usually when you work with big website, these are big. 33 00:02:10,680 --> 00:02:18,180 ‫Chances are these common properties has maybe 15, 20, and then there are items like $25 unleaded. 34 00:02:18,480 --> 00:02:20,350 ‫So that's why this works well. 35 00:02:20,370 --> 00:02:26,900 ‫So let's say maybe I want to extend the property so I can utilize, extend and head. 36 00:02:26,910 --> 00:02:31,950 ‫I just need to mention the property that I'm going to work with, which has item properties. 37 00:02:32,340 --> 00:02:35,640 ‫Remember to utilize this person soap and then close it. 38 00:02:35,940 --> 00:02:36,780 ‫Save this one. 39 00:02:37,230 --> 00:02:39,720 ‫Now this will be applied without items. 40 00:02:40,320 --> 00:02:43,740 ‫I need to follow something similar with each one of them. 41 00:02:44,790 --> 00:02:45,510 ‫See? 42 00:02:46,970 --> 00:02:55,220 ‫And to OK converted to SAS now before checking out the result, I want to check this dialogue test and 43 00:02:55,220 --> 00:03:01,550 ‫if I jump on to my items here, you can see what they did is they created something like this. 44 00:03:02,000 --> 00:03:07,130 ‫So now we have a one, two, three, four and five and they have this common property. 45 00:03:07,640 --> 00:03:15,050 ‫Yes, we can do this by writing here itself directly, but this is a feature that works well when you 46 00:03:15,050 --> 00:03:16,010 ‫have big files. 47 00:03:16,520 --> 00:03:20,120 ‫So if I jump here, you can see still the change are intact. 48 00:03:20,750 --> 00:03:26,150 ‫So that means this extent can help us to extend several properties which are commonly utilized here 49 00:03:26,150 --> 00:03:26,600 ‫and there. 50 00:03:27,170 --> 00:03:31,940 ‫Now this works well when we have properties like something like a new flex. 51 00:03:32,330 --> 00:03:38,390 ‫So we have something like Flex centers, or maybe at that point of time, you need to center several 52 00:03:38,390 --> 00:03:38,780 ‫things. 53 00:03:40,850 --> 00:03:45,050 ‫Art, if you jump onto this example, you have this display, Flex Flex Wrap. 54 00:03:45,410 --> 00:03:51,320 ‫So yeah, these are the common property, and they're usually divided among things, so you can provide 55 00:03:51,320 --> 00:03:59,270 ‫the name according to team, the most common example where I utilize it as related to Flex Center so 56 00:03:59,360 --> 00:04:05,030 ‫I can just say a common property regarding Flex and then I can extend it wherever I want. 57 00:04:05,360 --> 00:04:08,480 ‫Now remember, I have described it here. 58 00:04:08,480 --> 00:04:14,090 ‫That means all the properties that are extending it will be included at. 59 00:04:16,470 --> 00:04:26,010 ‫And if I try to take this from here and let's move to the top here, save this one and get dark hair 60 00:04:26,010 --> 00:04:31,440 ‫style CIUSSS, you can see it's gone from here, but it will be at the top itself. 61 00:04:32,480 --> 00:04:32,840 ‫Yeah. 62 00:04:34,120 --> 00:04:37,570 ‫So remember, this is an important point that you need to take care about. 63 00:04:37,930 --> 00:04:41,230 ‫The other thing is, let me go back. 64 00:04:42,600 --> 00:04:45,840 ‫So here I am, importing a deep bottom that means. 65 00:04:46,950 --> 00:04:50,130 ‫If remember, we read style file from top to bottom. 66 00:04:50,460 --> 00:04:52,290 ‫So we have included this here. 67 00:04:53,220 --> 00:04:56,490 ‫So that means this property cannot be relied on under fire. 68 00:04:57,210 --> 00:05:00,870 ‫Remember this point, this is important and testimonials. 69 00:05:01,260 --> 00:05:07,440 ‫So we cannot use this common item thing on our utility or global something. 70 00:05:07,440 --> 00:05:10,200 ‫You need to remember that we are reading from top to bottom. 71 00:05:11,040 --> 00:05:11,490 ‫That's it. 72 00:05:11,700 --> 00:05:19,470 ‫I hope you got the idea about how this extend what you basically take common things and make them together 73 00:05:19,470 --> 00:05:21,210 ‫and then extend them later. 74 00:05:21,900 --> 00:05:23,040 ‫That's all for this lecture. 75 00:05:23,040 --> 00:05:25,620 ‫I hope you got the idea how we are going to utilize it. 76 00:05:26,280 --> 00:05:29,130 ‫Thank you for following, and I see you guys in the next one.