0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>Now let’s add the additional classes arrow-up and arrow-down, which will indicate the direction of the up and down arrows.</p>
1
<p>Now let’s add the additional classes arrow-up and arrow-down, which will indicate the direction of the up and down arrows.</p>
2
<p>For the up arrow, you will need to remove the upper frame from the pseudo-element, and for the down arrow you will need to remove the lower frame. To make the arrows behave like flowing text, we assigned the block-inline type to the pseudo-elements.</p>
2
<p>For the up arrow, you will need to remove the upper frame from the pseudo-element, and for the down arrow you will need to remove the lower frame. To make the arrows behave like flowing text, we assigned the block-inline type to the pseudo-elements.</p>
3
<p>And the last step is to hide the text of the label for the link. To do this, simply set the font size to zero.</p>
3
<p>And the last step is to hide the text of the label for the link. To do this, simply set the font size to zero.</p>
4
<p>There is also a more complex version of the arrows that is used for sorting: when two arrows are created for each parameter at once. This option is implemented in a similar way, but here both pseudo-elements ::before and ::after are used to create the arrows.</p>
4
<p>There is also a more complex version of the arrows that is used for sorting: when two arrows are created for each parameter at once. This option is implemented in a similar way, but here both pseudo-elements ::before and ::after are used to create the arrows.</p>