git.iko.soy/urbit.org
on master help sign in
styled the hoon school form
5ce94b1friederjanmoerman
sass/_main.scss+11−1
compare with master
unifiedsplit
@@ -276,6 +276,12 @@ iframe {
276 }
276 }
277}
277}
278
278
279+.hoonschool-application {
280+ &__experience {
281+ resize: vertical;
282+ }
283+}
284+
279/*
285/*
280 * styling
286 * styling
281 */
287 */
@@ -288,6 +294,10 @@ textarea, input[type="text"], input[type="email"], input[type="number"], select
288 box-sizing: border-box;
294 box-sizing: border-box;
289}
295}
290
296
297+textarea {
298+ resize: horizontal;
299+}
300+
291button, .btn {
301button, .btn {
292 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
302 font-family: 'Inter UI', -apple-system, BlinkMacSystemFont, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
293 font-weight: 500;
303 font-weight: 500;
@@ -423,7 +433,7 @@ pre, code {
423 font-size: (4rem / 4);
433 font-size: (4rem / 4);
424}
434}
425
435
426−textarea, input[type="text"], input[type="email"], input[type="number"] {
436+textarea, input[type="text"], input[type="email"], input[type="number"], select {
427 border: 1px solid #B1B2B3;
437 border: 1px solid #B1B2B3;
428 font-family: "Source Code Pro", mono;
438 font-family: "Source Code Pro", mono;
429 font-size: (4rem / 4);
439 font-size: (4rem / 4);
templates/hoonschool.html+3−3
@@ -21,7 +21,7 @@
21 </div>
21 </div>
22 <h1>Apply</h1>
22 <h1>Apply</h1>
23 <form action="" method="post" id="hoonschool-application" name="hoonschool-application" class="validate form form--big" target="_blank" novalidate>
23 <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">
25 <div>
25 <div>
26 <label class="form__label" for="first-name">First Name</label>
26 <label class="form__label" for="first-name">First Name</label>
27 <input class="required tlon-input mb4" type="text" name="first-name" id="hoonschool-application__first-name">
27 <input class="required tlon-input mb4" type="text" name="first-name" id="hoonschool-application__first-name">
@@ -32,7 +32,7 @@
32 </div>
32 </div>
33 <div>
33 <div>
34 <label class="form__label" for="email">Email Address</label>
34 <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">
36 </div>
36 </div>
37 <div>
37 <div>
38 <label class="form__label" for="ship">Ship name (leave blank if you don't have an Urbit ship)</label>
38 <label class="form__label" for="ship">Ship name (leave blank if you don't have an Urbit ship)</label>
@@ -47,7 +47,7 @@
47 </div>
47 </div>
48 <div>
48 <div>
49 <label class="form__label" for="class">Tell us about your experience with programming languages:</label>
49 <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>
51 </div>
51 </div>
52 <button id="hoonschool-application__submit" class="btn bg-black white" type="submit" name="submit">
52 <button id="hoonschool-application__submit" class="btn bg-black white" type="submit" name="submit">
53 <span class="text-500">Submit</span>
53 <span class="text-500">Submit</span>