diff --git a/less/general.less b/less/general.less index f75dacc..16a57f0 100644 --- a/less/general.less +++ b/less/general.less @@ -1,8 +1,8 @@ body, textarea, input { + background: 0; + border-radius: 0; font: 16px sans-serif; margin: 0; - border-radius: 0; - background: 0; } .smooth { @@ -24,13 +24,13 @@ body, textarea, input { @media(min-width:1310px) { .container { - width: 1270px; margin: auto; + width: 1270px; } } label > * { - display:inline + display:inline; } form > * { diff --git a/less/inputs.less b/less/inputs.less index 99292f6..7a215de 100644 --- a/less/inputs.less +++ b/less/inputs.less @@ -5,17 +5,18 @@ textarea, input, .addon-front, .btn-sm, .nav a { textarea, input { border: 1px solid #ccc; padding: 8px; + &:focus { border-color: #5ab; } } textarea, input[type='text'] { - width: 13em; -webkit-appearance: none; /* make iOS inputs pretty */ + width: 13em; } .addon-front { - padding: 8px 12px; box-shadow: 0 0 0 1px #ccc; + padding: 8px 12px; } diff --git a/less/navbar.less b/less/navbar.less index 305682b..818add6 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -13,18 +13,18 @@ } .nav a { - padding-right: 1em; color: #aaa; - top: -1px; + padding-right: 1em; position: relative; + top: -1px; } .btn.btn-close { background: #000; - visibility: hidden; float: right; - margin-top: -54px; font-size: 25px; + margin-top: -54px; + visibility: hidden; } .nav .pagename { @@ -44,27 +44,27 @@ margin-top: -11px; } .nav:focus { + height: auto; /* Necesary for animations max-height: 500px; height: 100%; */ - height: auto; } .nav div:before { - content: ''; - border-top: 3px solid; + background: #000; border-bottom: 10px double; + border-top: 3px solid; + content: ''; float: right; height: 4px; + position: relative; right: 3px; top: 14px; width: 20px; - position: relative; - background: #000; } .nav a { + display: block; padding: .5em 0; width: 50%; - display: block; } } diff --git a/sass/_inputs.scss b/sass/_forms.scss similarity index 93% rename from sass/_inputs.scss rename to sass/_forms.scss index 747e725..c258f8c 100644 --- a/sass/_inputs.scss +++ b/sass/_forms.scss @@ -1,17 +1,17 @@ -@if $import-inputs == true { +@if $import-forms == true { //------------------------------------------------------------------- -// Inputs +// Form Elements //------------------------------------------------------------------- -label > * { - display: inline; -} - form > * { display: block; margin-bottom: 10px; } +label > * { + display: inline; +} + input, textarea { @extend %shared-font-size; border: 1px solid $c-grey; diff --git a/sass/_general.scss b/sass/_general.scss index 664df9e..4795cb0 100644 --- a/sass/_general.scss +++ b/sass/_general.scss @@ -4,28 +4,28 @@ body, textarea, input { + background: 0; + border-radius: 0; font: 16px sans-serif; margin: 0; - border-radius: 0; } * { outline: 0; } - // apply a smooth transition effect to an element's state change .smooth { transition: all .2s; } .container { - margin: auto; - width: 1270px; + margin: 0 20px; + width: auto; - @media(max-width:1310px) { - margin: 0 20px; - width: auto; + @media(min-width:1310px) { + margin: auto; + width: 1270px; } } @@ -41,5 +41,5 @@ textarea, input { // shared smaller text size %shared-font-size { - font-size: .9em; + font-size: 14px; } diff --git a/sass/_grid.scss b/sass/_grid.scss index 69a8d2a..7d3f95e 100644 --- a/sass/_grid.scss +++ b/sass/_grid.scss @@ -8,7 +8,7 @@ //------------------------------------------------------------------- .row { - margin-top: 2%; + margin: 1% 0; overflow: auto; // needed for proper formed layout } diff --git a/sass/_table.scss b/sass/_table.scss index 8b9171f..b48cead 100644 --- a/sass/_table.scss +++ b/sass/_table.scss @@ -12,7 +12,7 @@ } tbody>*:nth-child(2n-1) { - background: $c-grey; // Shade every other table row + background: $c-grey; // We use tbody to ensure that we don't shade the heading // this preserves the order of the shading } diff --git a/sass/min-master.scss b/sass/min-master.scss index 2ab6e03..6fcacd8 100644 --- a/sass/min-master.scss +++ b/sass/min-master.scss @@ -17,7 +17,7 @@ $import-headings: true!default; $import-buttons: true!default; -$import-inputs: true!default; +$import-forms: true!default; $import-navbar: true!default; @@ -40,7 +40,7 @@ $import-ie-hacks: false!default; 'grid', 'headings', 'icons', - 'inputs', + 'forms', 'navbar', 'table', 'iehacks';