Skip to content
Snippets Groups Projects
Commit f097a5ec authored by Gabriel Copat's avatar Gabriel Copat
Browse files

Updated CSS

parent ead56d8d
No related branches found
No related tags found
1 merge request!11Resolve "As a user, I want to see all trails across a town and seamlessly move between them."
body {
background-color: rgb(41, 41, 41);
margin: 0;
}
.centerFlex { .centerFlex {
display: flex; display: flex;
justify-content: center; justify-content: center;
...@@ -5,31 +9,29 @@ ...@@ -5,31 +9,29 @@
#allTrailsBar { #allTrailsBar {
padding:0; padding:0;
max-width: 60%; max-width: 60%;
height: 12svh; height: 11svh;
margin: auto; margin: auto;
border-bottom: solid grey 4px; border-bottom: solid grey 2px;
border-top: solid grey 4px; /*border-top: solid grey 4px;*/
} }
.trailsImages { .trailsImages {
margin-left:auto; margin: auto;
margin-right:auto;
margin-top: auto;
margin-bottom: auto;
height: 10svh; height: 10svh;
width: 10svh; width: 10svh;
border-radius: 20px; border-radius: 20px;
border: solid grey 2px;
transition: 0.5s ease-out 100ms; transition: 0.5s ease-out 100ms;
} }
.trailsImages:hover { .trailsImages:hover {
box-shadow: 0 0 30px #bbbb00; box-shadow: 0 0 20px 10px #bbbb00;
transform: scale(1.2,1.2); transform: scale(1.2,1.2);
!important; overflow: visible; !important; overflow: visible;
} }
.selected { .selected {
box-shadow: 0 0 30px yellow; box-shadow: 0 0 20px 10px #bbbb00;
} }
.trailInfoBox { .trailInfoBox {
...@@ -41,4 +43,9 @@ ...@@ -41,4 +43,9 @@
@keyframes fadeIn { @keyframes fadeIn {
0% { opacity: 0; } 0% { opacity: 0; }
100% { opacity: 1; } 100% { opacity: 1; }
} }
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment