Question: I have a function, Func(n), that is only a function of a natural number n,
for example:

```
import numpy as np
Func = lambda n: np.sin(n**2)

```

When I make

```
%time Func = [Func(n) for n in np.arange(100)]
Wall time: 260 µs

```

this gives me the *total* time it took the function `Func(n)` to calculate the first value of `n=0` (`Func(0)`) until to the final value of `n=100` (`Func(100)`) but not the time of *each* interaction. *A priori*, if the function `Func(n)` were much more complicated than the simple `np.sin(n**2)` then the time of computation of `Func(n)` for `n=0` or `n=1` can be considerably differente for the time of computation of `Func(n)` for `n=100` or `n=10000`. Then I wonder if there is a manner of make `%time` interactively, inside a loop, for example:

```
for n in np.arange(100):
    print('n =',n)
    %time Func = [Func(n)]

```

but this got me the result only of the first interaction, that is, the time that the program took to calculate `Func(0)`, and after give me the following error message:

```
n = 0
Wall time: 25.3 µs
n = 1
---------------------------------------------------------------------------
TypeError                                 Traceback (most recent call last)

<timed exec> in <module>

TypeError: 'list' object is not callable

```

May be this is simple but I never dealt with the calculation of time a program. How can I compute the this time for each iteration ?

Answer: 
This should work...
in component.scss file

```
.red-text {
color: red;
}

```

in template

```
<a href="tel:1-800-123-4567" class="red-text">1-800-123-4567</a>

```

if that doesn't work then there's an issue somewhere else in your code, maybe the scss is not being loaded in @Component or something like that.
In order to get this working, you may need to put all imports and global stylings in **styles.scss**, inside **/src/** folder which will be made available globally for your all components, additionally you may define custom classes and use as per requirements. For e.g. in **styles.scss**:

```
/* Global styles and imports */

@import '~@angular/material/theming';
@import '../../some-material-theme.scss';

/* General styles */

.color-red {
    color: red;
}

.color-orange {
    color: orange;
}

.color-green {
    color: green;
}

```

Check if **styles.scss** is configured properly in **angular.json** or you can add it for e.g.:

```
"build": {
    "options": {
         ....,
         "index": "src/index.html",
         "styles": ["src/styles.scss"],
         ....
             }
         }

```