on master help sign in
now the anchor of the search result item has the padding instead of the list element itself
eee997dfriederjanmoerman
sass/_main.scss+26−26
@@ -332,35 +332,35 @@ iframe {
332 a {
332 a {
333 text-decoration: none;
333 text-decoration: none;
334 display: block;
334 display: block;
335+ padding: 2rem 7rem;
336+ &:hover {
337+ background: #F9F9F9;
338+ &:before, &:after {
339+ content: '';
340+ position: absolute;
341+ right: 40px;
342+ }
343+ &:before {
344+ content: '';
345+ height: 10px;
346+ width: 10px;
347+ border-top: 2px solid #000;
348+ border-right: 2px solid #000;
349+ transform: rotate(45deg);
350+ top: 17px;
351+ }
352+ &:after {
353+ content: '';
354+ width: 17px;
355+ height: 2px;
356+ background: #000;
357+ top: 22px;
358+ right: 39px;
359+ }
360+ }
335 }
361 }
336 position: relative;
362 position: relative;
337 transition: all 0.1s linear;
363 transition: all 0.1s linear;
338− padding: 2rem 7rem;
339− &:hover {
340− background: #F9F9F9;
341− &:before, &:after {
342− content: '';
343− position: absolute;
344− right: 40px;
345− }
346− &:before {
347− content: '';
348− height: 10px;
349− width: 10px;
350− border-top: 2px solid #000;
351− border-right: 2px solid #000;
352− transform: rotate(45deg);
353− top: 17px;
354− }
355− &:after {
356− content: '';
357− width: 17px;
358− height: 2px;
359− background: #000;
360− top: 22px;
361− right: 39px;
362− }
363− }
364 &:last-child {
364 &:last-child {
365 margin-bottom: 2rem;
365 margin-bottom: 2rem;
366 }
366 }