git.iko.soy/urbit.org
on master help sign in
styled the hoon school form
commit5ce94b1e0e8981ca4e686f8f8aad2ff3f7e623fc authorfriederjanmoerman <hijbrid@gmail.com> dateFri 21 Jun 2019, 19:51 (7 years ago) parentee3c122
2 files changed+14−4
compare with master
unifiedsplit
sass/_main.scss+11−1 templates/hoonschool.html+3−3
sass/_main.scss+11−1
@@ -276,6 +276,12 @@ iframe {
276276 }
277277}
278278
279+.hoonschool-application {
280+ &__experience {
281+ resize: vertical;
282+ }
283+}
284+
279285/*
280286 * styling
281287 */
@@ -288,6 +294,10 @@ textarea, input[type="text"], input[type="email"], input[type="number"], select
288294 box-sizing: border-box;
289295}
290296
297+textarea {
298+ resize: horizontal;
299+}
300+
291301button, .btn {
292302 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
293303 font-weight: 500;
@@ -423,7 +433,7 @@ pre, code {
423433 font-size: (4rem / 4);
424434}
425435
426−textarea, input[type="text"], input[type="email"], input[type="number"] {
436+textarea, input[type="text"], input[type="email"], input[type="number"], select {
427437 border: 1px solid #B1B2B3;
428438 font-family: "Source Code Pro", mono;
429439 font-size: (4rem / 4);
templates/hoonschool.html+3−3
@@ -21,7 +21,7 @@
2121 </div>
2222 <h1>Apply</h1>
2323 <form action="" method="post" id="hoonschool-application" name="hoonschool-application" class="validate form form--big" target="_blank" novalidate>
24− <div class="input-group text-mono">
24+ <div class="input-group">
2525 <div>
2626 <label class="form__label" for="first-name">First Name</label>
2727 <input class="required tlon-input mb4" type="text" name="first-name" id="hoonschool-application__first-name">
@@ -32,7 +32,7 @@
3232 </div>
3333 <div>
3434 <label class="form__label" for="email">Email Address</label>
35− <input class="required tlon-input mb4" type="email" name="email" id="hoonschool-application__email" placeholder="your@email.com">
35+ <input class="required tlon-input mb4" type="email" name="email" id="hoonschool-application__email">
3636 </div>
3737 <div>
3838 <label class="form__label" for="ship">Ship name (leave blank if you don't have an Urbit ship)</label>
@@ -47,7 +47,7 @@
4747 </div>
4848 <div>
4949 <label class="form__label" for="class">Tell us about your experience with programming languages:</label>
50− <input class="tlon-input mb4" type="text" name="experience" id="hoonschool-application__experience" placeholder="Tell us everything...">
50+ <textarea class="tlon-input mb4" name="experience" id="hoonschool-application__experience"></textarea>
5151 </div>
5252 <button id="hoonschool-application__submit" class="btn bg-black white" type="submit" name="submit">
5353 <span class="text-500">Submit</span>