mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
44 lines
923 B
HTML
44 lines
923 B
HTML
<div class="input-group">
|
|
<input type="email" class="input" id="Email" name="Email" placeholder="uiverse@verse.io" autocomplete="off">
|
|
<input class="button--submit" value="Subscribe" type="submit">
|
|
</div>
|
|
<style>
|
|
/* From Uiverse.io by alexruix - Tags: subscription, input */
|
|
.input-group {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.input {
|
|
min-height: 50px;
|
|
max-width: 150px;
|
|
padding: 0 1rem;
|
|
color: #fff;
|
|
font-size: 15px;
|
|
border: 1px solid #5e4dcd;
|
|
border-radius: 6px 0 0 6px;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.button--submit {
|
|
min-height: 50px;
|
|
padding: .5em 1em;
|
|
border: none;
|
|
border-radius: 0 6px 6px 0;
|
|
background-color: #5e4dcd;
|
|
color: #fff;
|
|
font-size: 15px;
|
|
cursor: pointer;
|
|
transition: background-color .3s ease-in-out;
|
|
}
|
|
|
|
.button--submit:hover {
|
|
background-color: #5e5dcd;
|
|
}
|
|
|
|
.input:focus, .input:focus-visible {
|
|
border-color: #3898EC;
|
|
outline: none;
|
|
}
|
|
|
|
</style>
|