pedf
/
jakjsmenatom
Archived
1
0
Fork 0
Code Pull Requests Releases Activity

Proměnné v CSS

Browse Source
master
Emil Miler 4 years ago
parent c49726cb73
commit a71fc1155e
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File

17
index.html
Unescape Escape View File

@ -6,6 +6,11 @@
<title>Jak jsme na tom, PedF</title> <title>Jak jsme na tom, PedF</title>
<style> <style>
:root {
--wrap: 60rem;
--red: #b52637;
}
@font-face { @font-face {
font-family: moderat; font-family: moderat;
src: url(moderat.otf); src: url(moderat.otf);
@ -19,7 +24,7 @@
} }
a { a {
color: #b52637; color: var(--red);
text-decoration: none; text-decoration: none;
} }
a:hover { text-decoration: underline } a:hover { text-decoration: underline }
@ -42,7 +47,7 @@
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
margin-bottom: 5rem; margin-bottom: 5rem;
border-bottom: 3px solid #b52637; border-bottom: 3px solid var(--red);
} }
header .title img { header .title img {
max-height: 20rem; max-height: 20rem;
@ -72,20 +77,20 @@
color: inherit; color: inherit;
} }
nav ul li a:hover { nav ul li a:hover {
background-color: #b52637; background-color: var(--red);
border-color: #b52637; border-color: var(--red);
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
main { main {
max-width: 60rem; max-width: var(--wrap);
margin: 0 auto; margin: 0 auto;
margin-bottom: 10rem; margin-bottom: 10rem;
padding: 0 1em; padding: 0 1em;
line-height: 1.5; line-height: 1.5;
} }
main h2, main h3 { color: #b52637 } main h2, main h3 { color: var(--red) }
main h2 { main h2 {
margin-top: 5rem; margin-top: 5rem;
padding-top: 5rem; padding-top: 5rem;