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

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

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

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

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

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

@ -31,7 +31,7 @@
<div class="col-xs-12"> <div class="col-xs-12">
<div class="navbar-header"> <div class="navbar-header">
<div class="navbar-brand"> <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> <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> </div>
<button class="navbar-toggle" type="button"> <button class="navbar-toggle" type="button">

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

@ -7,7 +7,7 @@
<div class="sidebar-header header-cover"> <div class="sidebar-header header-cover">
<!-- Sidebar brand image --> <!-- Sidebar brand image -->
<div class="sidebar-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>
</div> </div>