Browse Source

Add partly styled search bar, fix footer.

Add:
    templates/index.html
        -Add search bar elements.

    static/sass/index.sass
        -Add styling for the search entry bar.

Fix:
    static/sass/main.sass
        -Fix footer's styling, which lacked a `bottom: 0px` that floored it.
tags/v1.0^2
Severyn Kozak 10 years ago
parent
commit
7359651900
3 changed files with 44 additions and 1 deletions
  1. +27
    -0
      static/sass/index.sass
  2. +4
    -0
      static/sass/main.sass
  3. +13
    -1
      templates/index.html

+ 27
- 0
static/sass/index.sass View File

@@ -0,0 +1,27 @@
/*
Stylesheet for index.html.
*/

@import mixins
@import variables

div.search-field
bottom: 0
height: 200px
left: 0
margin: auto
position: absolute
right: 0
top: 0
width: 34%

#title
font-size: 3em
padding-bottom: 0.5em
text-align: center

form input[type="text"]
border: 1px solid #A4ACAF
font-size: 1.1em
padding: 3px
width: 100%

+ 4
- 0
static/sass/main.sass View File

@@ -17,6 +17,9 @@ div#container
min-height: 100%
position: relative

div#header
padding: 10px

div#body
padding-bottom: 50px
padding-top: 4%
@@ -30,6 +33,7 @@ div#container
@extend .t3

background-color: $lightBlue
bottom: 0px
height: 60px
padding-top: 12px
position: absolute


+ 13
- 1
templates/index.html View File

@@ -4,6 +4,18 @@
Home
= endblock

= block head
{{ assets.tag("index.css") }}
= endblock

= block body
<div>Hello, world.</div>
<div class="search-field" id="outer">
<div id="title">
We shift mad bits.
</div>
<form id="search-bar">
<input type="text">
</form>
</div>
{{ assets.tag("index.js") }}
= endblock

Loading…
Cancel
Save