added the arrow on hover styling the search result items
commit5d2f8980235d80ef52f15724c9aab30d0870502e
authorfriederjanmoerman <hijbrid@gmail.com>
dateTue 4 Jun 2019, 21:43 (7 years ago)
parent827e532
sass/_main.scss+23
@@ -329,10 +329,33 @@ iframe {
329329 color: #B1B2B3;
330330 }
331331 &__item {
332+ position: relative;
332333 transition: all 0.1s linear;
333334 padding: 2rem 7rem;
334335 &:hover {
335336 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+ }
336359 }
337360 &:last-child {
338361 margin-bottom: 2rem;