moparisthebest
/
mail
mirror of https://github.com/moparisthebest/mail
1
0
Fork 0
Code Issues Releases Wiki Activity

logo in navigation as svg, and more flat styled navigation

This commit is contained in:
Mario Volke 2014-09-19 13:57:40 +02:00
parent 3a13a3056e
commit bf54d6281f
5 changed files with 5 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/font/mensch-bold.ttf
View File

Binary file not shown.

BIN
src/font/mensch-thin.ttf
View File

Binary file not shown.

BIN
src/font/mensch.ttf
View File

Binary file not shown.

16
src/sass/_fonts.scss
View File

@ -14,22 +14,6 @@
src: local('PT Sans Bold'), local('PTSans-Bold'), url('../font/pt-sans-bold.woff') format('woff'); src: local('PT Sans Bold'), local('PTSans-Bold'), url('../font/pt-sans-bold.woff') format('woff');
} }
// Mensch fonts
// -------------------------
@font-face {
font-family: 'Mensch';
font-style: normal;
font-weight: normal;
src: local('Mensch'), local('Mensch-Regular'), url('../font/mensch.ttf') format('truetype');
}
@font-face {
font-family: 'Mensch Thin';
font-style: normal;
font-weight: normal;
src: local('Mensch Thin'), local('Mensch-Thin'), url('../font/mensch-thin.ttf') format('truetype');
}
// Icon fonts // Icon fonts
// ------------------------- // -------------------------

19
src/sass/views/_navigation.scss
View File

@ -9,25 +9,17 @@
h1, a { h1, a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
text-shadow: 0 -1px 1px $color-grey-medium;
} }
header { header {
padding: 0 $nav-padding; padding: 0 $nav-padding;
height: 84px; height: 84px;
h1 { h1 {
font-family: 'Mensch'; @include hide-text();
font-weight: normal; background: url(../img/whiteout_logo_light.svg) left top no-repeat;
height: 100px; background-size: contain;
width: 300px; height: 30px;
margin: 0px; margin: 10px 0 0;
padding: 0px;
padding-top: 10px;
color: #fff;
span {
font-family: 'Mensch Thin';
}
} }
} }
@ -63,7 +55,6 @@
span.label { span.label {
line-height: 1.3em; line-height: 1.3em;
vertical-align: middle; vertical-align: middle;
text-shadow: none;
} }
&.active, &:hover, &:focus { &.active, &:hover, &:focus {
background-color: mix($color-blue, $color-white, 70%); background-color: mix($color-blue, $color-white, 70%);