Question: I try to use a Font in Storybook, but i get in Chrome the failure invalid property value. Im totally new to sass and storybook.

Error-Img:
<https://ibb.co/HqFLJ5H>

Main Sass File (code shortened):

```
@import './src/assets/sass/color.sass'
@import './src/assets/sass/font.sass'

.flex-container
  display: -webkit-flex
  display: flex
  -webkit-flex-flow: row wrap
  flex-flow: row wrap
  padding: $cube

.flex-item
  -webkit-flex: 1 0 auto
  flex: 1 0 auto

p
  font: $font-normal
  size: $font-size-large

```

Font Sass File (code shortened): 

```
@font-face
    font-family: 'Verdana'
    src: url('src/assets/font/Verdana.ttf')

$font-normal: Verdana

```

Here the HTML of the component.

```
     <div class="flex-item">
    <h1>Letter</h1>
    <p>abcdefghijklmnopqrstuvwxyz</p>
    </div>
    <div class="flex-item">
        <p>1234567890</p>
    </div>
    <div class="flex-item">
    <p>!"§$%&/()=?"</p>
    </div>

```

How can I use this font? What am i doing wrong?

Answer: 
Just to clarify the email should literally contain the values in `event.request.usernameParameter` and `event.request.codeParameter`.

I found Cognito ignored my email body because the token `{username}` was missing even though `{####}` was there.
I was having the exact same issue. 

My initial custom message: 

```
<html>
    <body>
      <p> Welcome. Follow the link below to unlock your account and set a new password.</p>
      <a href="http://localhost:3000/setNewPasswordcode_parameter=${event.request.codeParameter}&user_name=${event.userName}">Set Password</a>
    </body>
</html>

```

The problem is that you need to use both: `event.request.codeParameter` and `event.request.usernameParameter` (so in my initial code case not `event.userName`) in the template. 

Besides that the codeParameter and usernameParameter have to contain only URI valid characters. So if you username is an email address containing '@' symbol, you cannot use it in the link. 

**Workaround:** For the temporary password you can make sure only URI valid characters are used when calling adminCreateUser() by passing in a TemporaryPassword parameter. 

```

cognitoIdentityServiceProvider.adminCreateUser({ 
  UserPoolId,
  Username, 
  TemporaryPassword
}).promise()

```

For the link you can use `event.userName` - this should be the sub of the cognito user. Just make sure to include `event.request.usernameParameter`somewhere else in the email. In my case I start the mail with `Welcome, ${event.request.usernameParameter}!`