Změna stylů na styl PedF

master
Emil Miler 4 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,16 +14,31 @@ 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;
a { img {
color: $primary; height: $logo-diameter;
} }
.subtitle { div {
font-size: .7em; display: flex;
color: #444; 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> </head>
<body> <body>
<div id="header"> <div id="header">
<a href="{{ config.base_url }}">{{ config.title }}</a> <img src="/pedf-logo.png" alt="PedF">
<span class="subtitle">&ndash; {{ config.description }}</span> <div>
<a href="{{ config.base_url }}">{{ config.title }}</a>
<span class="subtitle">{{ config.description }}</span>
</div>
</div> </div>
<div id="menu"> <div id="menu">
{% block menu %} {% block menu %}