Added transitions to dynamic objects

This commit is contained in:
Fred Boniface 2022-09-21 10:07:55 +01:00
parent b3957224a0
commit e99daf9a68

View File

@ -11,6 +11,7 @@ body {
padding-top: 50px; padding-top: 50px;
padding-bottom: 50px; padding-bottom: 50px;
max-width: 500px; max-width: 500px;
transition: 0.2s;
} }
.lookup-box { .lookup-box {
@ -21,6 +22,7 @@ body {
margin-bottom: 5px; margin-bottom: 5px;
font-size: 18px; font-size: 18px;
text-transform: uppercase; text-transform: uppercase;
transition: 0.2s;
} }
.form-text-small { .form-text-small {
@ -30,6 +32,7 @@ body {
border-radius: 5px; border-radius: 5px;
padding: 10px; padding: 10px;
font-size: 18px; font-size: 18px;
transition: 0.2s;
} }
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
@ -46,6 +49,7 @@ body {
border-radius: 5px; border-radius: 5px;
padding: 5px; padding: 5px;
font-size: 16px; font-size: 16px;
transition: 0.2s;
} }
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
@ -69,6 +73,7 @@ body {
padding-bottom: 5px; padding-bottom: 5px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
transition: 0.2s;
} }
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {