Parcourir la source

Add _logo.sass, add logo to docs page.

Add:
        static/sass/_logo.sass
                -The `bitshift` logo visible on our home-page may likely end up on
                other pages; move all of its styling to a SASS partial.

        templates/docs.html
                -Add `bitshift` logo.
tags/v1.0^2
Severyn Kozak il y a 10 ans
Parent
révision
647eaf2a4c
5 fichiers modifiés avec 34 ajouts et 25 suppressions
  1. +18
    -0
      static/sass/_logo.sass
  2. +1
    -0
      static/sass/docs.sass
  3. +2
    -20
      static/sass/index.sass
  4. +8
    -0
      templates/docs.html
  5. +5
    -5
      templates/index.html

+ 18
- 0
static/sass/_logo.sass Voir le fichier

@@ -0,0 +1,18 @@
a#logo
letter-spacing: 0.3em
text-decoration: none

div#logo
font-size: 400%
padding-bottom: 0.2em
text-align: center

#logo-bit
color: $baseColor1

#logo-angle
color: $baseColor3

#logo-shift
color: $baseColor2
font-style: italic

+ 1
- 0
static/sass/docs.sass Voir le fichier

@@ -1,4 +1,5 @@
@import variables
@import logo

h1
color: $baseColor1


+ 2
- 20
static/sass/index.sass Voir le fichier

@@ -4,6 +4,7 @@

@import mixins
@import variables
@import logo

$minSearchFieldsWidth: 490px
$codeWidth: 700px
@@ -84,25 +85,6 @@ div#search-field
top: 0
width: 40%

a#title
letter-spacing: 0.3em
text-decoration: none

div#title
font-size: 400%
padding-bottom: 0.2em
text-align: center

#title-bit
color: $baseColor1

#title-angle
color: $baseColor3

#title-shift
color: $baseColor2
font-style: italic

form#search-bar
min-width: $minSearchFieldsWidth

@@ -143,7 +125,7 @@ div#search-field
position: absolute
width: 100%

#title
#logo
position: absolute
top: -1%
left: 1%


+ 8
- 0
templates/docs.html Voir le fichier

@@ -9,6 +9,14 @@
= endblock

= block body
<a id="logo" href="/">
<div id="logo">
<span id="logo-bit">bit</span
><span id="logo-angle">&laquo;</span
><span id="logo-shift">shift</span>
</div>
</a>

<ul>
<li>
<h1><span>&raquo;</span> Usage</h1>


+ 5
- 5
templates/index.html Voir le fichier

@@ -19,11 +19,11 @@

= block body
<div id="search-field">
<a id="title" href="/">
<div id="title">
<span id="title-bit">bit</span
><span id="title-angle">&laquo;</span
><span id="title-shift">shift</span>
<a id="logo" href="/">
<div id="logo">
<span id="logo-bit">bit</span
><span id="logo-angle">&laquo;</span
><span id="logo-shift">shift</span>
</div>
</a>



Chargement…
Annuler
Enregistrer