From 127b132bc62a421c0ace272d0135ca5a8d1531f7 Mon Sep 17 00:00:00 2001 From: Sahat Yalkabov Date: Wed, 4 Dec 2013 03:28:49 -0500 Subject: [PATCH] Reduced navbar height to 45px, input textfields now have ios 7 style --- public/css/ios7.less | 40 ++++++++++++++++++++++++++++++++++------ views/layout.jade | 2 -- 2 files changed, 34 insertions(+), 8 deletions(-) diff --git a/public/css/ios7.less b/public/css/ios7.less index 22b4681269..4f5a845700 100644 --- a/public/css/ios7.less +++ b/public/css/ios7.less @@ -4,7 +4,11 @@ @import url("//fonts.googleapis.com/css?family=Lato:100,300,400,700"); -// Body ======================================================================= +// Variables ================================================================= +@navbar-height: 45px; + + +// Global ===================================================================== body { font-family: "Lato", sans-serif; color: #666; @@ -14,11 +18,6 @@ body { // Navbar ===================================================================== -.navbar { - min-height: 45px; - width: 100%; -} - .navbar-default { background: rgba(255, 255, 255, 0.95); border: 0; @@ -54,3 +53,32 @@ body { // Typography ================================================================= + + + +// Forms ================================================================= +.form-control { + transition: all 0.4s; + + &:focus { + border-color: #007aff; + box-shadow: none; + } +} + +label { + font-weight: normal; + + > .error { + color: #d9534f; + margin-top: 5px; + } +} + +.has-error, +.error { + &, + &:focus { + border-color: #d9534f; + } +} \ No newline at end of file diff --git a/views/layout.jade b/views/layout.jade index 115725a828..056c664729 100644 --- a/views/layout.jade +++ b/views/layout.jade @@ -7,8 +7,6 @@ html meta(name='description', content='') meta(name='author', content='') title #{title} - Starter Template for Bootstrap - link(href='/css/font-awesome.css', rel='stylesheet') - link(href='/css/flat-ui.css', rel='stylesheet') link(href='/css/app.css', rel='stylesheet') body .navbar.navbar-default.navbar-fixed-top