status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

most styles

This commit is contained in:
captainill 2015-11-06 23:38:43 -08:00
parent e792606519
commit a624546993
9 changed files with 13 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
website/source/assets/images/logo-header-gradient@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

0
website/source/assets/images/consul-header-logo.png → website/source/assets/images/logo-header.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

0
website/source/assets/images/consul-header-logo@2x.png → website/source/assets/images/logo-header@2x.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
website/source/assets/images/wordtype@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

25
website/source/assets/stylesheets/_header.scss
View File

@ -14,15 +14,6 @@ body.page-sub{
color: $black;
}
}
.by{
&:hover{
svg{
line{
stroke: $black;
}
}
}
}
}
}
}
@ -30,14 +21,14 @@ body.page-sub{
#header {
.navbar-brand {
.logo{
font-size: 20px;
font-size: 0;
text-transform: uppercase;
background: image-url('../images/logo-header.png') 0 0 no-repeat;
@include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width, $project-logo-height);
background-position: 0 45%;
background: image-url('../images/consul-hero-logo.png') 0 0 no-repeat;
@include img-retina("../images/consul-hero-logo.png", "../images/consul-hero-logo@2x.png", $project-logo-width, $project-logo-height);
background-position: 0 center;
&:hover{
color: $purple;
opacity: .4;
}
}
@ -46,7 +37,7 @@ body.page-sub{
&:hover{
svg{
line{
stroke: $purple;
opacity: .4;
}
}
}
@ -84,7 +75,7 @@ body.page-sub{
.navbar-brand {
.logo{
padding-left: 37px;
font-size: 18px;
//font-size: 18px;
@include img-retina("../images/logo-header.png", "../images/logo-header@2x.png", $project-logo-width * .75, $project-logo-height * .75);
//background-position: 0 45%;
}
@ -97,7 +88,7 @@ body.page-sub{
#header {
.navbar-brand {
.logo{
font-size: 0 !important; //hide terraform text
}
}
}

2
website/source/assets/stylesheets/application.scss
View File

@ -18,8 +18,8 @@
@import "_global";
// Hashicorp Shared Project Styles
@import 'hashicorp-shared/_project-utility';
@import 'hashicorp-shared/_hashicorp-utility';
@import 'hashicorp-shared/_project-utility';
@import 'hashicorp-shared/_hashicorp-header';
@import 'hashicorp-shared/_hashicorp-sidebar';

4
website/source/assets/stylesheets/hashicorp-shared/_project-utility.scss
View File

@ -4,8 +4,8 @@
// --------------------------------------------------
// Variables
$project-logo-width: 40px;
$project-logo-height: $project-logo-width;
$project-logo-width: 50px;
$project-logo-height: 50px;
$project-logo-pad-left: 8px;
// Mixins

2
website/source/layouts/_header.erb
View File

@ -31,7 +31,7 @@
<div class="col-xs-12">
<div class="navbar-header">
<div class="navbar-brand">
<a class="logo" href="/">Consul</a>
<a class="logo" href="/"><img src="<%= image_path('wordtype@2x.png') %>" width="96px" height="18px">Consul</a>
<a class="by" href="https://hashicorp.com/"><span class="svg-wrap">by</span><%= partial "layouts/svg/svg-by-hashicorp" %><%= partial "layouts/svg/svg-hashicorp-logo" %>Hashicorp</a>
</div>
<button class="navbar-toggle" type="button">

2
website/source/layouts/_sidebar.erb
View File

@ -7,7 +7,7 @@
<div class="sidebar-header header-cover">
<!-- Sidebar brand image -->
<div class="sidebar-image">
<img src="<%= image_path('logo-header@2x.png') %>" width="50px" height="50px">
<img src="<%= image_path('logo-header-gradient@2x.png') %>" width="50px" height="50px">
</div>
</div>