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