Ray, come back in this video, we are going to learn how you can use a success in rehab, just as you
can see in the previous sessions we were learning we were importing our approach assistant, our project,
but we didn't deeply talked about it.
But now we are going to learn how you can import, how you can use the cascading style sheets file in
your Regius application.
And we are going to learn through it three ways, three ways.
The first week we are going to talk about that in line Cyesis in recent days.
So let us big first war in Iraq may cost.
So let us see.
I have tried to add a new property here instead of our updos here, says it is Fons family.
And that's why if you try to bake here, you are going to see this modification.
So let us make this for our readdressed projects and come in our our my cars cost dodgiest Aptos.
Yes, yes.
Absolutely.
Yes.
So let us remove all this Regla Clementis.
Oh, let us remove all this to have only our table here in which we have difference, brains, colors
and prices.
And let us make what's regular do here regularly create a new components regular name these components
Gloc.
What are you going to name these components at this cluttered javascript.
The desks and Regla define these components is a glass components because we are going to use state
inside of these components and you are going to have this short comments.
Are C and you going to see, right.
Yes, we'll show you.
We have for example with our C C that means reacts glass components if you want, for example, to create
a glass component and you can see everything, for example, here reset function components.
If you create a state component, you're going to create functional components so you can write all
this.
You have so many snippets.
As you can see in our case, we are going to take Rijad Glass components.
And if you want to have or these if you want to use this shortcode, these shortcuts, make sure to
install these plugging a X then reacts or graphic here.
So make sure to install all these packets.
Yes.
This plug in and then you can use these different shortcuts.
And I'm going to put the export just in the end to make the thing clear.
And here I'm going to say, look a lot like this and I would prefer to have a name tag like this.
I have glass clock, external components.
And here inside we are going to.
To display, you just say here, each one take, we are going to use a different side here and we're
say, look like this.
Yes, look, and we're going to put some value here and we are going to define a state that's regular
name across the states and such here we are going to have a data reg'lar called how?
OK, like this, and that is going to be equal to new these new dates.
That is.
And here, rigourous say we are going to put our record voices if we want to put, for example, the
JavaScript in the site of the day six, make sure to put this what's regular say we are going to say
this dot state.
The desire is to display the hours in these states and we are going to say our.
So let us define.
These states are in small case and to say a story like this, though, it's.
OK, to look, Tom, shrink, it is a function at this and let us take this blog and we are going to
import diskless in our Abdel-Aziz.
So this is a particular notion's you can take the clock using.
It is in use.
It's like a it's all components of cars or Micheal's.
But in my case, I'm going to import it directly in our apologies because it is a particular machine
in which we are we are going to learn how you can use cases in recent days.
So I'm going to come here in our apologies, as you can see, and then I'm going to import a lot just
here.
You're going to see something and let us come and going to see.
Look, and as you can see, Regius will directly show you, you have a lot dot deice in your RC folder,
just click on it and it will automatically import your clock notorious in your uptodate file and what's
reg'lar.
We are going to close our take.
And if we try to make here, you're going to see we have a lot and you're going to have the time.
Very good.
So now what's rigourously we are going to see how we can improve, how we can use Cyesis in our test
projects and we have three week three Rie's ways.
The first way we are going to use what we call the inlands.
Yes, the Elance.
Yes.
This is just what you put in your e-mail instead of your take.
But here we are not using it yet, but we are using the deistic.
So make sure to put these attributes in instead of your take.
For example, I can say herea we are going to say and what you going to say?
You're going to see style like this.
Is going to be equal and open, you called races, the thing we're going to do here is to say, for
example, want a caller?
And first of all, let's say full size.
OK, ladies first four puts font size.
We're going to say font size like this.
And you write font size like this, if you are using H.M., but if you're using this this, make sure
to eat it lattice font size, using the chemicals notion, OK, like this, and you're going to say
font size is going to be equal to.
I can say, for example, 60 pixels like this.
And why we have this error, so when you import your style, when you put your style in instead of your
take by using the joysticks, as you can see.
So make sure to put the double core braces like this.
You get in the court brushes and you're going to solve this problem.
And here you go to put Collum if you want to use latticed font size and let us straight-faced for to
make here and you will see the font size is now bigger.
Okay.
Your font size is now bigger.
And if you want to add Frisian inappropriately, I can say, for example, color and color, you're
going to say red.
So make sure to put or double quotes.
Color is equal to red.
You're going to see we have it here.
So this is how you can use and the inland ccis in instead of your Regius projects, make sure to put
it inside of your H1 site.
And if we try to back in our project and inspect in our browser and here if we come in our DPH, you're
going to see we have a niche one take having estate attributes in which your font size, as you can
see in Natuman, we have 60 pixels and color is equal to rate, as you can see.
And here we have instrument, but here we have eight deistic.
So make sure to put it in the six and barbel in separate and we converge what we have here from day
six to eight.
Schimel, this is Örebro.
And let us back here and you can also use an object instead of putting a lot of cards in inside of your.
Tag we can create, for example, enlarge it does in inside of your reindeer function.
So let us create, for example, an object Regla say commerce is going to be equal to a lot like this.
Reg'lar say, is going to be equal to plug and take or discard reaction to grap or discard and passed
it here.
Yes, that this ends, we are going to take a look.
And tossed it here.
You can define it as a variable or you can say late or consed, and if it's right back here, we are
going to have the same thing.
And if you try to inspect here, you're going to see the set of you.
Each one you have style, font size and shape or color is is equal to an.
Is equal to rates like this, so let us be here and it is very simple and very easy.
I'm going to show you something.
For example, you can use the clock just outside here.
Outside is called is here to call, for example, NREGS.
Yes.
This property.
And here you are using close as an object.
You can see, for example, locked doors, phones, family.
Like these phones family, so make sure to use the case, because we are using things like these phones
family, and here you don't have to put a collar but put it because you are outside your object, your
outside is called racist.
And let us take what we have in our approach.
The says we are going to take this.
I'm going to copy.
Come in our rear, we are in the car, so yes, yes, you are OK, and make sure to put all in double
quotes.
Yes.
And you should see if you try to bake, it will take this family, as you can see it this way can allows
you also to use your objects and dynamically.
You can add also different properties here by taking your clock, by using your clock like an object.
Very good.
And here you are going to take your clock.
You can define it is a very old Konstanz.
You're going to pushier.
So let us try to stay late.
Ladies, and you can see we have the same thing, and if you try to click here and you will see you
don't have all, you have size, you have color and you have also font family.
Yes.
You can see and here it is, H.M., as you can see, if you're using, for example, H.M.S..
So this is how you can use the inline Cyesis in your Reges projects.
I think that it was very simple.
So we are going to continue through the next video.