add some styling to about page
This commit is contained in:
parent
ec8872a559
commit
774834bb9c
7 changed files with 261 additions and 118 deletions
|
|
@ -6,6 +6,9 @@
|
|||
|
||||
--spacing: 8px;
|
||||
--spacing-2: calc(var(--spacing) * 2);
|
||||
|
||||
--container-width: 1080px;
|
||||
--container-lg-width: 1380px;
|
||||
}
|
||||
|
||||
@keyframes background_animation {
|
||||
|
|
@ -21,8 +24,9 @@
|
|||
}
|
||||
body.animated {
|
||||
background: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4));
|
||||
animation: background_animation 60s ease-in-out infinite;
|
||||
//animation: background_animation 60s ease-in-out infinite;
|
||||
background-size: 400% 100%;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
body {
|
||||
|
|
@ -48,3 +52,14 @@ nav {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
margin-left: calc(var(--spacing-2) * -1);
|
||||
margin-right: calc(var(--spacing-2) * -1);
|
||||
}
|
||||
|
||||
.col {
|
||||
padding-left: var(--spacing-2);
|
||||
padding-right: var(--spacing-2);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue