Rename gustbook form group CSS class
This commit is contained in:
parent
8ad5a5779d
commit
50044bf4ae
|
@ -4,7 +4,7 @@
|
|||
<subtitle>Leilukin's personal website.</subtitle>
|
||||
<link href="https://leilukin.neocities.org/feed.xml" rel="self"/>
|
||||
<link href="https://leilukin.neocities.org"/>
|
||||
<updated>2024-05-19T12:08:36Z</updated>
|
||||
<updated>2024-05-19T14:20:07Z</updated>
|
||||
<id>https://leilukin.neocities.org</id>
|
||||
<author>
|
||||
<name>Leilukin</name>
|
||||
|
|
|
@ -379,22 +379,22 @@
|
|||
<h2>Leave A Message</h2>
|
||||
|
||||
<form class="gb__form">
|
||||
<div class="gb__form--input">
|
||||
<div class="gb__form--group">
|
||||
<label for="name-input">Name:</label>
|
||||
<input type="text" name="name" id="name-input" required>
|
||||
</div>
|
||||
|
||||
<div class="gb__form--input">
|
||||
<div class="gb__form--group">
|
||||
<label for="email-input">Email:</label>
|
||||
<input type="email" name="email" id="email-input" required>
|
||||
</div>
|
||||
|
||||
<div class="gb__form--input">
|
||||
<div class="gb__form--group">
|
||||
<label for="website-input">Website (optional):</label>
|
||||
<input type="text" name="website" id="website-input">
|
||||
</div>
|
||||
|
||||
<div class="gb__form--input">
|
||||
<div class="gb__form--group">
|
||||
<label for="message-input">Message:</label>
|
||||
<textarea type="text" rows="4" name="message" id="message-input" required></textarea>
|
||||
</div>
|
||||
|
@ -409,7 +409,7 @@
|
|||
|
||||
<style>
|
||||
.gb__form,
|
||||
.gb__form--input,
|
||||
.gb__form--group,
|
||||
.gb__message--list,
|
||||
.gb__message {
|
||||
display: grid;
|
||||
|
@ -420,7 +420,7 @@
|
|||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.gb__form--input {
|
||||
.gb__form--group {
|
||||
gap: 0.2em;
|
||||
}
|
||||
|
||||
|
@ -432,19 +432,19 @@
|
|||
padding: 0.3em 0.6em;
|
||||
}
|
||||
|
||||
.gb__form--input input,
|
||||
.gb__form--input textarea,
|
||||
.gb__form--group input,
|
||||
.gb__form--group textarea,
|
||||
.gb__form--submit,
|
||||
.gb__message--reply-btn {
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
.gb__form--input textarea {
|
||||
.gb__form--group textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.gb__form--input input:focus,
|
||||
.gb__form--input textarea:focus {
|
||||
.gb__form--group input:focus,
|
||||
.gb__form--group textarea:focus {
|
||||
outline: 0.15em solid var(--clr-link);
|
||||
}
|
||||
|
||||
|
|
|
@ -16,22 +16,22 @@ eleventyNavigation:
|
|||
<h2>Leave A Message</h2>
|
||||
|
||||
<form class="gb__form">
|
||||
<div class="gb__form--input">
|
||||
<div class="gb__form--group">
|
||||
<label for="name-input">Name:</label>
|
||||
<input type="text" name="name" id="name-input" required>
|
||||
</div>
|
||||
|
||||
<div class="gb__form--input">
|
||||
<div class="gb__form--group">
|
||||
<label for="email-input">Email:</label>
|
||||
<input type="email" name="email" id="email-input" required>
|
||||
</div>
|
||||
|
||||
<div class="gb__form--input">
|
||||
<div class="gb__form--group">
|
||||
<label for="website-input">Website (optional):</label>
|
||||
<input type="text" name="website" id="website-input">
|
||||
</div>
|
||||
|
||||
<div class="gb__form--input">
|
||||
<div class="gb__form--group">
|
||||
<label for="message-input">Message:</label>
|
||||
<textarea type="text" rows="4" name="message" id="message-input" required></textarea>
|
||||
</div>
|
||||
|
@ -46,7 +46,7 @@ eleventyNavigation:
|
|||
|
||||
<style>
|
||||
.gb__form,
|
||||
.gb__form--input,
|
||||
.gb__form--group,
|
||||
.gb__message--list,
|
||||
.gb__message {
|
||||
display: grid;
|
||||
|
@ -57,7 +57,7 @@ eleventyNavigation:
|
|||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.gb__form--input {
|
||||
.gb__form--group {
|
||||
gap: 0.2em;
|
||||
}
|
||||
|
||||
|
@ -69,19 +69,19 @@ eleventyNavigation:
|
|||
padding: 0.3em 0.6em;
|
||||
}
|
||||
|
||||
.gb__form--input input,
|
||||
.gb__form--input textarea,
|
||||
.gb__form--group input,
|
||||
.gb__form--group textarea,
|
||||
.gb__form--submit,
|
||||
.gb__message--reply-btn {
|
||||
border-radius: 0.2em;
|
||||
}
|
||||
|
||||
.gb__form--input textarea {
|
||||
.gb__form--group textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.gb__form--input input:focus,
|
||||
.gb__form--input textarea:focus {
|
||||
.gb__form--group input:focus,
|
||||
.gb__form--group textarea:focus {
|
||||
outline: 0.15em solid var(--clr-link);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue