cleans up hover css, keeps text white on hover

This commit is contained in:
Ashley Blewer 2017-10-18 12:00:37 -04:00
parent 921b75bb2e
commit 66139ce781

View File

@ -137,32 +137,41 @@ div {
color: white;
}
.recipe {
.sidebar a {
text-decoration: none;
}
.recipe, .contents-list {
color: white;
background-color: #383838;
padding: 14px;
padding-left: 2.8em;
font-family: "Montserrat";
font-weight: bold;
font-size: 1.2em;
font-weight: bold;
letter-spacing: 0.1em;
border: 1px solid black;
transition: all .5s ease-out;
position: relative;
width: 100%;
cursor: pointer;
position: relative;
padding-left: 2.8em;
transition: all .5s ease-out;
}
.recipe:hover {
color: black;
.recipe:hover, .contents-list:hover {
background-color: #449d44;
border: 1px solid black;
}
.recipe:before {
content: "💫";
}
.contents-list:before {
content: "📼";
}
.recipe:before, .contents-list:before {
position: absolute;
left: 1em;
padding: 0 1px;
padding-right: 1em;
}
@ -171,38 +180,6 @@ div {
transition: 0.5s;
}
.sidebar a {
text-decoration: none;
}
.contents-list {
color: white;
background-color: #383838;
padding: 14px;
padding-left: 2.8em;
font-family: "Montserrat";
font-weight: bold;
font-size: 1em;
border: 1px solid black;
transition: all .5s ease-out;
position: relative;
cursor: pointer;
}
.contents-list:hover {
color: black;
background-color: #449d44;
border:1px solid black;
}
.contents-list:before {
content: "📼";
position: absolute;
left: 1em;
padding: 0 1px;
padding-right: 1em;
}
.contents-list:hover:before, .contents-list:focus:before, .contents-list:active:before {
transform: scale(1.8) translateX(0.3em);
transition: 0.5s;