Tweaked css

This commit is contained in:
Paulus Schoutsen 2014-12-21 13:02:02 -08:00
parent b0bdfe2fe9
commit 775045fc86
4 changed files with 13 additions and 13 deletions

View File

@ -43,7 +43,7 @@ rdiscount:
highlighter: pygments # default python pygments have been replaced by pygments.rb
paginate: 10 # Posts per page on the blog index
paginate_path: "posts/:num" # Directory base for pagination URLs eg. /posts/2/
paginate_path: "blog/posts/:num" # Directory base for pagination URLs eg. /posts/2/
recent_posts: 5 # Posts in the sidebar Recent Posts section
excerpt_link: "Read on →" # "Continue reading" link text at the bottom of excerpted articles
excerpt_separator: "<!--more-->"

View File

@ -1,5 +1,5 @@
.hero {
background-color: $grayDarker;
background-color: rgb(11, 107, 148);
background-position: 0 50%;
-webkit-background-size: cover;
-moz-background-size: cover;
@ -13,15 +13,15 @@
padding: 50px 0;
position: relative;
&::before {
background: url("../images/matrix.png") 0 0 rgba(0, 0, 0, 0.35);
box-shadow: inset 0 0 5px $black;
content: "";
display: block;
position: absolute;
top: 0; right: 0; bottom: 0; left: 0;
z-index: 5;
}
// &::before {
// background: url("../images/matrix.png") 0 0 rgba(0, 0, 0, 0.35);
// box-shadow: inset 0 0 5px $black;
// content: "";
// display: block;
// position: absolute;
// top: 0; right: 0; bottom: 0; left: 0;
// z-index: 5;
// }
> .grid-wrapper {
position: relative;

View File

@ -2,6 +2,6 @@
<li><a href="{{ root_url }}/getting-started/">Getting started</a></li>
<li><a href="{{ root_url }}/architecture/">Architecture</a></li>
<li><a href="{{ root_url }}/contributing/">Contributing</a></li>
<li><a href="{{ root_url }}/blog/2014/12/18/website-launched/">Blog</a></li>
<li><a href="{{ root_url }}/blog/">Blog</a></li>
<li><a href="https://groups.google.com/forum/#!forum/home-assistant-dev">Need help?</a></li>
</ul>

View File

@ -1,4 +1,4 @@
<div class="hero" style="background-color: rgb(0, 178, 255); /* background-image: url('/images/cliffs_of_moher.jpg');*/">
<div class="hero">
<div class="grid-wrapper">
<div class="grid flex">
<div class="grid__item flex__item two-fifths palm-one-whole">