Skip to content
Snippets Groups Projects
Select Git revision
  • b4366c7db5f377bda5569e46f4085d3803c1a89b
  • master default protected
  • 0.1.1
  • 0.1.0
4 results

project_badges.go

Blame
    • index.html 1.70 KiB 
    <!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Typography</title>
    <script src="./main.js" type="module"></script>
</head>
<body style="display:flex;justify-content: center">


<main style="width: 600px">

    <h1>Badge</h1>

    <div class="container">
        <div>
            <div class="monster-badge-primary">monster-badge-primary</div>
            <div class="monster-badge-primary-pill">monster-badge-primary-pill</div>
        </div>
        <div>
            <div class="monster-badge-secondary">monster-badge-secondary</div>
            <div class="monster-badge-secondary-pill">monster-badge-secondary-pill</div>
        </div>
        <div>
            <div class="monster-badge-tertiary">monster-badge-tertiary</div>
            <div class="monster-badge-tertiary-pill">monster-badge-tertiary-pill</div>
        </div>
        <div>
            <div class="monster-badge-destructive">monster-badge-destructive</div>
            <div class="monster-badge-destructive-pill">monster-badge-destructive-pill</div>
        </div>
        <div>
            <div class="monster-badge-success">monster-badge-success</div>
            <div class="monster-badge-success-pill">monster-badge-success-pill</div>
        </div>
        <div>
            <div class="monster-badge-warning">monster-badge-warning</div>
            <div class="monster-badge-warning-pill">monster-badge-warning-pill</div>
        </div>
        <div>
            <div class="monster-badge-error">monster-badge-error</div>
            <div class="monster-badge-error-pill">monster-badge-error-pill</div>
        </div>
    </div>

</main>

</body>
</html>