Skip to content

Instantly share code, notes, and snippets.

@phpmaps
Created June 16, 2023 14:03
Show Gist options
  • Save phpmaps/7068f8ec1ac1984bb3d1e1db5c4cb982 to your computer and use it in GitHub Desktop.
Save phpmaps/7068f8ec1ac1984bb3d1e1db5c4cb982 to your computer and use it in GitHub Desktop.
score
<div class="score-badge total green">
<span class="text span gray">total score</span>
<span class="score-badge__number green total">91.1</span>
</div>
@phpmaps
Copy link
Author

phpmaps commented Jun 16, 2023

.score-badge.total.green {
    border-color: #36ad46;
}

.score-badge.total {
    border: 4px solid transparent;
    border-radius: 7px;
    padding: 1rem 1.88rem !important;
}

.score-badge {
    display: flex;
    flex-direction: column;
    padding: 0!important;
    margin-bottom: 10px;
}

.score-badge__number.total {
    font-size: 2.25rem;
    word-wrap: break-word;
    white-space: unset;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment