Změna stylů na styl PedF

master
Emil Miler 5 years ago
parent 66f3f1fed9
commit 12b890760e

@ -1,4 +1,5 @@
$primary: #17a; $primary: #d22d40;
$logo-diameter: 20mm; // No less than 15mm as per usage regulations
body { body {
margin: 0 auto; margin: 0 auto;
@ -13,18 +14,33 @@ body {
} }
#header { #header {
padding: 1em; display: flex;
align-items: center;
padding: ($logo-diameter/2)/2; // No less than 0.5r with r being the radius of PedF logo
font-size: 1.5em; font-size: 1.5em;
img {
height: $logo-diameter;
}
div {
display: flex;
align-items: baseline;
flex-wrap: wrap;
margin: 0 ($logo-diameter/2)/2; // No less than 0.5r
a { a {
color: $primary; color: $primary;
margin-right: ($logo-diameter/2)/2;
text-transform: uppercase;
} }
.subtitle { .subtitle {
font-size: .7em; font-size: .6em;
color: #444; color: #444;
} }
} }
}
#menu ul, #nav ul { #menu ul, #nav ul {
margin: 0; margin: 0;

@ -10,8 +10,11 @@
</head> </head>
<body> <body>
<div id="header"> <div id="header">
<img src="/pedf-logo.png" alt="PedF">
<div>
<a href="{{ config.base_url }}">{{ config.title }}</a> <a href="{{ config.base_url }}">{{ config.title }}</a>
<span class="subtitle">&ndash; {{ config.description }}</span> <span class="subtitle">{{ config.description }}</span>
</div>
</div> </div>
<div id="menu"> <div id="menu">
{% block menu %} {% block menu %}