Violin.css

# Preview Menu Modal Search

Ready

- HTML
- View
- Context
- Info
- Notes

`

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="../../assets/images/favicon.png" type="image/png">
        <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
        <link rel="stylesheet" href="../../assets/css/index.css">
        <link rel="stylesheet" href="../../custom-theme/index.css">
        <title>Violin.css | </title>
        <style>
            html,
            body,
            .container {
                height: 100%;
            }

            .container {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                height: 100%;
                width: 100%;
                background-color: var(--color-system--shadow);
            }
        </style>
    </head>

    <body class="container">

    </body>

    </html>

`
`

    <!DOCTYPE html>
    <html lang="en">

    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <link rel="shortcut icon" href="{{ path '/assets/images/favicon.png' }}" type="image/png">
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
      <link rel="stylesheet" href="{{ path '/assets/css/index.css' }}">
      <link rel="stylesheet" href="{{ path '/custom-theme/index.css' }}">
      <title>Violin.css | {{ _target.label }}</title>
      <style>
        html,
        body,
        .container {
          height: 100%;
        }

        .container {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          height: 100%;
          width: 100%;
          background-color: var(--color-system--shadow);
        }
      </style>
    </head>

    <body class="container">
      {{{ yield }}}
    </body>

    </html>

`
`

    /* No context defined for this component. */

`

- Handle: @preview-menu-modal-search
- Preview:
  - With layout
  - Component only
- Filesystem Path: src/components/_partials/_preview-menu-modal-search.hbs

There are no notes for this item.