فهرست منبع

Fix forms + fieldset + icon (right)

Javi Jimenez Villar 13 سال پیش
والد
کامیت
db6904ca60
3فایلهای تغییر یافته به همراه13 افزوده شده و 13 حذف شده
  1. 7 6
      example/app/sections/splash.html
  2. 1 1
      src/stylesheets/lungo.widgets.form.styl
  3. 5 6
      src/stylesheets/lungo.widgets.styl

+ 7 - 6
example/app/sections/splash.html

@@ -2,14 +2,15 @@
     <article class="active splash">
         <img src="http://cdn.tapquo.com/lungo/logo.png" class="logo"/>
         <div class="form">
-            <fieldset>
-                <input type="text" class="large" placeholder="Your username" id="txt-signup-name" value="">
+            <fieldset class="radius-top" data-icon="user">
+                <input type="text" placeholder="Your username" id="txt-signup-name" value="">
             </fieldset>
-            <fieldset>
-                <input type="password" class="large" placeholder="Your password" id="txt-signup-password" value="">
+            <fieldset class="radius-bottom shadow" data-icon="lock">
+                <input type="password" placeholder="Your password" id="txt-signup-password" value="">
             </fieldset>
-            <a href="#" class="button large anchor" data-icon="lock" data-icon="user" data-label="Login"></a>
-            <a href="#" data-view-section="back" class="button large secondary anchor" data-icon="home" data-label="Return to kitchensink"></a>
+            <br/>
+            <button class="anchor" data-icon="lock" data-icon="user" data-label="Login"></button>
+            <button data-view-section="back" class="secondary anchor" data-icon="home" data-label="Return to kitchensink"></button>
         </div>
         <span class="copyright text thin">Copyright (C) 2011-2013 - <span class="text bold">Tapquo S.L.</span></span>
     </article>

+ 1 - 1
src/stylesheets/lungo.widgets.form.styl

@@ -42,7 +42,7 @@ form, .form
 
   & fieldset
     padding: 8px 8px 0 8px
-
+    position: relative
     & label:not(.select)
       float: left
       width: 20%

+ 5 - 6
src/stylesheets/lungo.widgets.styl

@@ -161,14 +161,13 @@ size = 5px
 /* ================================  SPLASH  ================================ */
 body > section > article.splash
   text-align: center
-  padding: (INDENT * 2)
+  padding: (INDENT * 2.5)
   & .logo
-    height: 20%
-    margin: 20% 0 10% 0
+    max-width: 192px
+    margin: 20% 0 7.5% 0
     font-size: 2.2em
-  & .button
-    margin-top: INDENT
-    margin-bottom: INDENT
+  & .button, button
+    margin-bottom: (INDENT / 1.5)
   & .copyright
     position: absolute
     width: 100%