pedf
/
spin
Archived
1
0
Fork 0
Code Releases Activity

Uložení barev do proměnných

Browse Source
master
Emil Miler 3 years ago
parent 54beedf534
commit dd6e1c3434
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File

14
style.css
Unescape Escape View File

@ -1,5 +1,7 @@
:root { :root {
--width: 1000px; --width: 1000px;
--color-blue: #324c9c;
--color-red: #ff4e6c;
} }
@font-face { @font-face {
@ -20,7 +22,7 @@ body {
margin: 0; margin: 0;
line-height: 1.5; line-height: 1.5;
background-color: #edfbff; background-color: #edfbff;
color: #324c9c; color: var(--color-blue);
font-family: montserrat, sans; font-family: montserrat, sans;
} }
@ -59,7 +61,7 @@ main .phases, main .quotations {
main .phases h2 { text-align: center } main .phases h2 { text-align: center }
main .phases figure { main .phases figure {
background-color: #324c9c; background-color: var(--color-blue);
color: #fff; color: #fff;
padding: 2em; padding: 2em;
max-width: 75%; max-width: 75%;
@ -84,7 +86,7 @@ main .quotations figure figcaption {
} }
main .team { main .team {
background-color: #324c9c; background-color: var(--color-blue);
padding: 4em 1em; padding: 4em 1em;
} }
main .team h2 { main .team h2 {
@ -103,7 +105,7 @@ main .team figure {
transition: all .1s linear; transition: all .1s linear;
} }
main .team figure:hover { main .team figure:hover {
background-color: #ff4e6c; background-color: var(--color-red);
color: #fff; color: #fff;
} }
main .team figure, main .team figure * { cursor: pointer } main .team figure, main .team figure * { cursor: pointer }
@ -119,7 +121,7 @@ main .articles .header {
grid-template-columns: 1fr 4fr; grid-template-columns: 1fr 4fr;
align-items: baseline; align-items: baseline;
margin-bottom: 4em; margin-bottom: 4em;
border-bottom: 1px solid #324c9c; border-bottom: 1px solid var(--color-blue);
} }
main .articles .list { main .articles .list {
display: grid; display: grid;
@ -172,7 +174,7 @@ footer img:hover { transform: scale(1.1) }
max-width: var(--width); max-width: var(--width);
padding: 3em; padding: 3em;
background-color: #fff; background-color: #fff;
color: #324c9c; color: var(--color-blue);
transform: translate(0, -2em); transform: translate(0, -2em);
transition: transform .2s ease-out; transition: transform .2s ease-out;
} }