fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added substitute "logo"

Browse Source
This commit is contained in:
Felix Hamann 2018-06-09 20:18:53 +02:00
parent 7160bbaadd
commit 033117adf4
3 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
templates/default-layout.lucius
View File

@ -13,6 +13,7 @@
/* FONTS */ /* FONTS */
--font-base: "Source Sans Pro", Helvetica, sans-serif; --font-base: "Source Sans Pro", Helvetica, sans-serif;
--font-logo: "Roboto", var(--font-base);
/* DIMENSIONS */ /* DIMENSIONS */
--header-height: 80px; --header-height: 80px;
@ -51,7 +52,7 @@ body {
--color-primary: #3E606F; --color-primary: #3E606F;
--color-light: rgb(189, 201, 219); --color-light: rgb(189, 201, 219);
--color-lighter: rgb(145, 159, 170); --color-lighter: rgb(145, 159, 170);
--color-dark: #3E606F; --color-dark: rgb(42, 74, 88);
--color-darker: #193441; --color-darker: #193441;
} }

2
templates/widgets/navbar.hamlet
View File

@ -2,6 +2,8 @@ $newline never
<div .navbar-container> <div .navbar-container>
<nav .navbar.js-sticky-navbar> <nav .navbar.js-sticky-navbar>
<div .navbar__logo>
<ul .navbar__list.list--inline> <ul .navbar__list.list--inline>
$forall menuType <- menuTypes $forall menuType <- menuTypes
$case menuType $case menuType

16
templates/widgets/navbar.lucius
View File

@ -7,6 +7,7 @@
width: 100%; width: 100%;
height: var(--header-height); height: var(--header-height);
padding-right: 5vw; padding-right: 5vw;
padding-left: 20px;
background: var(--color-darker); /* Old browsers */ background: var(--color-darker); /* Old browsers */
background: -moz-linear-gradient(bottom, var(--color-dark) 0%, var(--color-darker) 100%); /* FF3.6-15 */ background: -moz-linear-gradient(bottom, var(--color-dark) 0%, var(--color-darker) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom, var(--color-dark) 0%,var(--color-darker) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(bottom, var(--color-dark) 0%,var(--color-darker) 100%); /* Chrome10-25,Safari5.1-6 */
@ -20,6 +21,17 @@
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
} }
.navbar__logo {
&::before {
content: 'UniWorkY';
font-family: var(--font-logo);
font-size: 42px;
font-weight: bold;
letter-spacing: 2px;
}
}
.navbar__list { .navbar__list {
align-self: flex-end; align-self: flex-end;
white-space: nowrap; white-space: nowrap;
@ -56,7 +68,7 @@
.navbar__link-label { .navbar__link-label {
transition: opacity .2s ease; transition: opacity .2s ease;
padding: 0 13px; padding: 0 13px;
color: white; color: var(--color-lightwhite);
text-transform: uppercase; text-transform: uppercase;
} }
@ -70,7 +82,7 @@
} }
.navbar__list-item--active { .navbar__list-item--active {
background-color: white; background-color: var(--color-lightwhite);
color: var(--color-dark); color: var(--color-dark);
.navbar__link-wrapper { .navbar__link-wrapper {