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 {
margin: 0 auto;
@ -13,16 +14,31 @@ body {
}
#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;
a {
color: $primary;
img {
height: $logo-diameter;
}
.subtitle {
font-size: .7em;
color: #444;
div {
display: flex;
align-items: baseline;
flex-wrap: wrap;
margin: 0 ($logo-diameter/2)/2; // No less than 0.5r
a {
color: $primary;
margin-right: ($logo-diameter/2)/2;
text-transform: uppercase;
}
.subtitle {
font-size: .6em;
color: #444;
}
}
}

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