pedf
/
spin
Archived
1
0
Fork 0

Uložení barev do proměnných

master
Emil Miler 4 years ago
parent 54beedf534
commit dd6e1c3434

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