jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-20 15:56:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make cookbook more prominent

Browse Source
This commit is contained in:
Paulus Schoutsen 2016-02-07 14:21:34 -08:00
parent c801854096
commit f5a7217b3f
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
sass/oscailte/base/_navigation.scss
View File

@ -14,13 +14,14 @@ body{ -webkit-animation: bugfix infinite 1s; }
#toggle, .toggle { display: none; } #toggle, .toggle { display: none; }
.menu li { list-style: none; float:left; } .menu li { list-style: none; float:left; }
$menu-collapse: 955px; $menu-collapse: 924px;
// @media only screen and (max-width: $lap-end){ // @media only screen and (max-width: $lap-end){
@media only screen and (max-width: $menu-collapse){ @media only screen and (max-width: $menu-collapse){
.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; } .menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
.menu li { display: block; width: 100%; margin: 0; } .menu li { display: block; width: 100%; margin: 0; }
.menu li a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu li a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.menu li a .icon { display: none; }
.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; } .toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
#toggle:checked ~ .menu { display: block; opacity: 1; z-index: 999; } #toggle:checked ~ .menu { display: block; opacity: 1; z-index: 999; }
} }
@ -75,10 +76,10 @@ header .grid {
@include box-sizing(border-box); @include box-sizing(border-box);
@include transition(all 0.25s linear); @include transition(all 0.25s linear);
display: block; display: block;
padding: 32px 20px; padding: 32px 12px;
text-decoration: none; text-decoration: none;
font-weight: normal; font-weight: normal;
font-size: 16px; font-size: 14px;
line-height: 1; line-height: 1;
} }
@ -86,7 +87,7 @@ header .grid {
background: $site-background; background: $site-background;
box-shadow: inset 0px 5px $navigation-color; box-shadow: inset 0px 5px $navigation-color;
color: $navigation-color; color: $navigation-color;
padding: 40px 20px 24px; padding: 40px 12px 24px;
} }
.toggle{ .toggle{

1
source/_includes/custom/grid_item_right.html
View File

@ -9,3 +9,4 @@
<li>receive a message when the lights turn on while you are not at home?</li> <li>receive a message when the lights turn on while you are not at home?</li>
</ul> </ul>
<p><a href='/getting-started/automation/'>We've got you covered.</a></p> <p><a href='/getting-started/automation/'>We've got you covered.</a></p>
<p><a href='/cookbook/'>View examples by the community.</a></p>

6
source/_includes/custom/navigation.html
View File

@ -1,6 +1,6 @@
<ul class="menu pull-right"> <ul class="menu pull-right">
<li> <li>
<a href="{{ root_url }}/getting-started/">Getting started</a> <a>Getting started <i class="icon icon-caret-down"></i></a>
<ul> <ul>
<li><a href='/getting-started/'>Installing Home Assistant</a></li> <li><a href='/getting-started/'>Installing Home Assistant</a></li>
<li><a href='/getting-started/configuration/'>Configuration basics</a></li> <li><a href='/getting-started/configuration/'>Configuration basics</a></li>
@ -8,12 +8,12 @@
<li><a href='/getting-started/presence-detection/'>Presence detection</a></li> <li><a href='/getting-started/presence-detection/'>Presence detection</a></li>
<li><a href='/getting-started/automation/'>Automation</a></li> <li><a href='/getting-started/automation/'>Automation</a></li>
<li><a href='/getting-started/templating/'>Templating</a></li> <li><a href='/getting-started/templating/'>Templating</a></li>
<li><a href='/cookbook'>Configuration cookbook</a></li>
</ul> </ul>
</li> </li>
<li><a href='/components/'>Components</a></li> <li><a href='/components/'>Components</a></li>
<li><a href='/cookbook'>Examples</a></li>
<li> <li>
<a href="{{ root_url }}/developers/">Developers</a> <a>Developers <i class="icon icon-caret-down"></i></a>
<ul> <ul>
<li><a href="{{ root_url }}/developers/architecture/">Architecture</a></li> <li><a href="{{ root_url }}/developers/architecture/">Architecture</a></li>
<li><a href="{{ root_url}}/developers/frontend/">Frontend development</a></li> <li><a href="{{ root_url}}/developers/frontend/">Frontend development</a></li>