1 00:00:00,640 --> 00:00:05,060 OK, so now let's give a little bit of styling to our single local component. 2 00:00:05,090 --> 00:00:08,680 So for that, we need to go to our next door CSIS. 3 00:00:09,640 --> 00:00:18,840 And how do we give the styling and all or after the input we'll give the styling saw for that. 4 00:00:18,850 --> 00:00:24,180 First of all, the colors, our styling like the color in which the color will be dead. 5 00:00:24,550 --> 00:00:27,580 So there we have to give the styling saw for that. 6 00:00:28,670 --> 00:00:32,090 That there are two classes, actually, one is color and one is colors. 7 00:00:32,720 --> 00:00:37,910 For that, we need to just keep in mind who. 8 00:00:40,040 --> 00:00:47,690 Let's give this style and let me just run the third floor and close, like, minimize this. 9 00:00:48,200 --> 00:00:51,230 So now we will go to our next door to. 10 00:00:52,490 --> 00:01:03,390 The SS here, what we'll do is we'll create a class that will be colored and inside this will get some 11 00:01:03,390 --> 00:01:03,990 parenting. 12 00:01:05,170 --> 00:01:07,630 Off maybe one a.m.. 13 00:01:08,940 --> 00:01:11,430 That audience would be here on the. 14 00:01:11,860 --> 00:01:17,580 And then to the M, to the left and right. 15 00:01:17,690 --> 00:01:26,250 Why not aim for the top and bottom and to orient to the left and right for next when we like hover over 16 00:01:26,250 --> 00:01:26,770 the collar? 17 00:01:26,790 --> 00:01:29,700 So let me assure you what I'm trying to for. 18 00:01:31,360 --> 00:01:32,860 Where are we? 19 00:01:34,420 --> 00:01:40,390 Here, if I hover over this corner section so that the pointer changes, so color that will add for 20 00:01:40,390 --> 00:01:42,080 me and the cursor pointer. 21 00:01:44,380 --> 00:01:49,930 But two points are not enough to. 22 00:01:51,380 --> 00:01:51,680 And. 23 00:01:53,580 --> 00:01:59,400 And we'll add the font size, one size would be 140 and. 24 00:02:00,730 --> 00:02:01,540 We don't want it. 25 00:02:01,810 --> 00:02:05,410 We don't want it to be like so large and so small. 26 00:02:05,410 --> 00:02:10,810 Also one sided would be one RDM and next we will get our tax transform off. 27 00:02:10,830 --> 00:02:13,630 Not as simple as that. 28 00:02:15,180 --> 00:02:19,740 Next, we will give the state and go the percentage value like rand and the percentage will be shown, 29 00:02:19,740 --> 00:02:20,010 no. 30 00:02:21,330 --> 00:02:22,110 Let me show you. 31 00:02:23,590 --> 00:02:25,390 We show you. 32 00:02:28,230 --> 00:02:30,550 And this is personal data for this person. 33 00:02:30,750 --> 00:02:39,030 Text and next, we'll also will also style this color well, so first we style this person. 34 00:02:39,570 --> 00:02:41,460 Next, we'll style the color and the okay. 35 00:02:43,100 --> 00:02:48,500 So after the last caller, we gave the styling to the daughter of Page. 36 00:02:49,880 --> 00:02:51,530 And when new. 37 00:02:53,730 --> 00:02:59,960 Here we are in style, so first of all, there should not be any market in wartime because I saw that 38 00:02:59,960 --> 00:03:02,350 it was something I didn't want them to have entitled to zero. 39 00:03:02,580 --> 00:03:05,460 Now you can write zero also zero pixels or zero percent. 40 00:03:05,460 --> 00:03:06,900 Also, all are equal. 41 00:03:07,110 --> 00:03:10,110 If you'd like to have zero, that means zero in any unit. 42 00:03:10,530 --> 00:03:15,150 It will be down three there and zero in only maybe in pixels by 20 or anything else. 43 00:03:15,600 --> 00:03:16,170 All right. 44 00:03:16,500 --> 00:03:23,820 So next to insert inside the percentage value, what I'll do is I'll provide some color to the eye like 45 00:03:24,090 --> 00:03:25,620 this on this text. 46 00:03:25,710 --> 00:03:34,410 So I'm not going to be there and I find I fancy a lot or the lot cnr and then gray. 47 00:03:37,350 --> 00:03:41,790 Grey and Swan, so these are all colors which are defined here. 48 00:03:41,940 --> 00:03:43,110 Basically, don't need to worry. 49 00:03:43,410 --> 00:03:44,820 There are so many of them. 50 00:03:44,820 --> 00:03:51,630 So I just took this as a reference, and from that, we are like doing our colors, using our colors, 51 00:03:51,630 --> 00:03:54,660 basically for color and. 52 00:03:56,560 --> 00:04:03,010 That said, next, what we want to give here is the margin, what we already gave on. 53 00:04:03,460 --> 00:04:07,570 OK, now what we are going to do is we want to style that color. 54 00:04:09,650 --> 00:04:12,520 Well, this was the positive, right? 55 00:04:13,150 --> 00:04:17,980 So now we want to give styling to the color of blue color. 56 00:04:19,750 --> 00:04:22,510 Value like this. 57 00:04:23,740 --> 00:04:29,430 So inside this world will do it, first of all, will provide some color with their text and colored 58 00:04:29,450 --> 00:04:30,430 will be there. 59 00:04:30,940 --> 00:04:31,810 This will be the same. 60 00:04:32,230 --> 00:04:35,170 So I'm just typing it one more time. 61 00:04:35,770 --> 00:04:37,340 See, a lot more. 62 00:04:37,490 --> 00:04:38,350 Not dark. 63 00:04:42,840 --> 00:04:47,400 Green nor green, dark green one. 64 00:04:48,090 --> 00:04:55,230 This will be the color next to what we'll do is we'll give another margin water, then we can give, 65 00:04:55,230 --> 00:04:55,740 but. 66 00:04:57,050 --> 00:05:08,000 I don't think it's needed, but we can give or margin what should be zero, why I'm giving this modern 67 00:05:08,000 --> 00:05:12,350 war time is that when I take you to this project? 68 00:05:15,790 --> 00:05:23,750 That should not be any margin, what I mean that that's why we are giving this for next when we steal 69 00:05:23,800 --> 00:05:24,940 our company any more. 70 00:05:25,570 --> 00:05:34,390 Now we did the color well, you know, the color light and the color let go inside the color and the 71 00:05:34,390 --> 00:05:35,740 color, light and color. 72 00:05:35,740 --> 00:05:38,560 When do we want to give some more like coloring? 73 00:05:38,590 --> 00:05:42,280 So for that, I'll give up now. 74 00:05:43,380 --> 00:05:49,510 Now, maybe things are a little messed up and not structured, but once we like finish the product and 75 00:05:49,510 --> 00:05:52,240 you will understand it in detail, follow. 76 00:05:53,770 --> 00:05:54,460 Value. 77 00:05:55,660 --> 00:05:56,530 That would be. 78 00:05:58,180 --> 00:06:03,070 Carla, where to the. 79 00:06:06,020 --> 00:06:06,600 White. 80 00:06:08,190 --> 00:06:10,550 That is it. 81 00:06:11,160 --> 00:06:12,060 Nor can. 82 00:06:13,680 --> 00:06:14,220 That is it. 83 00:06:14,970 --> 00:06:19,610 Now we want to create another one, another one, the one. 84 00:06:22,080 --> 00:06:24,540 Color light. 85 00:06:26,500 --> 00:06:30,080 So this is for the person to tell you, Elijah. 86 00:06:31,150 --> 00:06:37,540 What I'm doing now, and this is for the person in this world that one vote for the color of the is 87 00:06:37,540 --> 00:06:43,240 for the person to and for the person to really what I do is color and wear. 88 00:06:44,140 --> 00:06:46,420 And same same thing. 89 00:06:49,230 --> 00:06:50,700 Quite a word. 90 00:06:51,840 --> 00:06:52,130 Okay. 91 00:06:52,230 --> 00:06:53,580 This thing is done. 92 00:06:53,640 --> 00:07:01,530 Now we want to give right now, we have not provided the functionality to copy to the clipboard so that 93 00:07:01,530 --> 00:07:02,850 we will be providing further. 94 00:07:02,850 --> 00:07:05,910 But for now, let me just save this. 95 00:07:06,750 --> 00:07:13,020 Let me see if we can provide some of the things so maybe we can give the functionality to me. 96 00:07:13,080 --> 00:07:15,930 Maybe we can just provide the styling for that. 97 00:07:15,930 --> 00:07:21,390 Also, because I have in mind what to do so that we just tried a lot. 98 00:07:21,630 --> 00:07:28,560 And this is for the alert, like whenever we copy the text to clipboard for what needs to be shown that. 99 00:07:28,920 --> 00:07:31,710 So that is what I am trying to show here. 100 00:07:32,490 --> 00:07:34,560 Alert alert. 101 00:07:34,560 --> 00:07:39,360 I will say a text on my phone, but uppercase case. 102 00:07:39,370 --> 00:07:45,570 This is the first thing in case if it's like what are some text font font size? 103 00:07:46,720 --> 00:07:54,850 There should be zero point five RDM, and next will be margin call. 104 00:07:56,390 --> 00:08:03,890 Of Amy Pond, five out in would be walk in, yeah, one, five, eight am I just to see? 105 00:08:04,670 --> 00:08:11,470 And this was what an alert like when and while we click, for example, and we take you to the browser 106 00:08:11,480 --> 00:08:17,060 when I click here, it shows me copy to Flipboard first ordinary copy to promote this thing. 107 00:08:17,390 --> 00:08:22,490 This back, this text right here is what we have our style. 108 00:08:23,060 --> 00:08:26,990 So let me go back to the Eileen. 109 00:08:28,630 --> 00:08:31,300 And so far, so good. 110 00:08:31,330 --> 00:08:37,270 Now what we want to do is we want to style things and not an art style, actually, we want to first 111 00:08:37,270 --> 00:08:39,460 of all and we want to give an alert. 112 00:08:39,850 --> 00:08:49,300 So that alert will allow us to copy to the clipboard so that copy to the clipboard functionality would 113 00:08:49,300 --> 00:08:53,410 be added now and the next. 114 00:08:56,040 --> 00:09:01,230 And you see if nothing else is remaining for styling so that I can do it right now only. 115 00:09:03,060 --> 00:09:03,940 I'm not. 116 00:09:04,950 --> 00:09:06,390 They asked those 19. 117 00:09:13,900 --> 00:09:20,770 OK, so there's nothing we meaning now what we'll be doing is we'll be moving to the copy to the clipboard 118 00:09:20,770 --> 00:09:27,910 component and we'll be working on the copy to the clipboard functionality so that we'll be doing in 119 00:09:27,910 --> 00:09:28,810 the next video. 120 00:09:29,200 --> 00:09:33,120 Or now I think it's enough for this video. 121 00:09:34,490 --> 00:09:39,010 So, OK, so next we'll be doing copied to the clipboard section.