on master help sign in
added the arrow on hover styling the search result items
5d2f898friederjanmoerman
sass/_main.scss+23
@@ -329,10 +329,33 @@ iframe {
329 color: #B1B2B3;
329 color: #B1B2B3;
330 }
330 }
331 &__item {
331 &__item {
332+ position: relative;
332 transition: all 0.1s linear;
333 transition: all 0.1s linear;
333 padding: 2rem 7rem;
334 padding: 2rem 7rem;
334 &:hover {
335 &:hover {
335 background: #F9F9F9;
336 background: #F9F9F9;
337+ &:before, &:after {
338+ content: '';
339+ position: absolute;
340+ right: 40px;
341+ }
342+ &:before {
343+ content: '';
344+ height: 10px;
345+ width: 10px;
346+ border-top: 2px solid #000;
347+ border-right: 2px solid #000;
348+ transform: rotate(45deg);
349+ top: 17px;
350+ }
351+ &:after {
352+ content: '';
353+ width: 17px;
354+ height: 2px;
355+ background: #000;
356+ top: 22px;
357+ right: 39px;
358+ }
336 }
359 }
337 &:last-child {
360 &:last-child {
338 margin-bottom: 2rem;
361 margin-bottom: 2rem;