Skip to content
Permalink
Browse files

step 5: styling the map points and popup

  • Loading branch information
colbyfayock committed Mar 18, 2020
1 parent 6b3f079 commit d2bac5c1b04a32837366de6f15f14d5342134d38
Showing with 68 additions and 0 deletions.
  1. +68 −0 src/assets/stylesheets/pages/_home.scss
@@ -77,4 +77,72 @@
margin-bottom: 1.5em;
}

}

.trip-stop {

width: 400px;
overflow: hidden;

h2 {
font-size: 1.4em;
margin-top: 0;
margin-bottom: .2em;
}

p,
ul,
h3 {
font-size: 1.2em;
font-weight: normal;
}

p {
margin: .2em 0;
}

.trip-stop-date {
color: $grey-600;
font-size: 1em;
}

ul {
padding: 0 0 0 1.4em;
margin: 0;
}

}


.trip-stop-image {
display: block;
float: left;
overflow: hidden;
width: 150px;
height: 150px;
text-indent: 100%;
color: transparent;
background-position: center;
background-size: cover;
}

.trip-stop-content {
float: left;
width: 250px;
padding-left: 1em;
}

.icon-trip-stop {

display: block;
width: 1.5em;
height: 1.5em;
background-color: $orange-500;
border-radius: 100%;
box-shadow: 0 2px 5px rgba(0,0,0,.5);

&:hover {
background-color: $deep-orange-400;
}

}

0 comments on commit d2bac5c

Please sign in to comment.
You can’t perform that action at this time.